Minimal Counting Animation Plugin For jQuery - Counto.js

File Size: 17.9 KB
Views Total: 2370
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal Counting Animation Plugin For jQuery - Counto.js

Counto.js is a neat and lightweight  jQuery plugin to display numeric values – especially while they're increasing/decreasing – in an elegant way, with a natural feeling of a "counting" animation. 

See Also:

How to use it:

1. Download the plugin and place the Counto.js after jQuery.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/counto.min.js"></script>

2. Call the function on the element which contains a numeric value and specify the number you want count towards to.

<p id="demo">
  1234
</p>
$(function(){
  $('#demo').counto(12345);
});

3. Override the default animation speed.

$(function(){
  $('#demo').counto(12345, 5000);
});

4. Trigger a function when the counting animation is finished.

$('#my-number').counto(12345, 5000, function(){
  alert('Done!');
});

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