Basic jQuery Count Up Plugin - countUp.js

File Size: 4.03 KB
Views Total: 5105
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Basic jQuery Count Up Plugin - countUp.js

countUp.js is a simple, fast jQuery counter plugin which allows you to count up a target number at a specified speed. With support for custom steps and callback functions.

How to use it:

1. Load the jQuery countUp.js plugin after jQuery library as other jQuery plugins.

<script src="//code.jquery.com/jquery-1.11.3.min.js" ></script>
<script src="jquery.countUp.js"></script>

2. Wrap the number the counter should start at into an inline element.

<span class="demo">0</span>

3. Specify the target number you want to count up to.

var param = {
  last: 1000
};

4. Enable the counter.

$('.demo').countUp(param);

5. More parameters.

// the number the counter should start at
start: 0,

// the number the counter should end at
last: 100,

// animation speed
duration: 1000,

// frame rate
frame: 33,

// callbacks
update: null,
complete: null

This awesome jQuery plugin is developed by hisahayashi. For more Advanced Usages, please check the demo page or visit the official website.