Minimal Counting Animation Plugin For jQuery - Counto.js

File Size: 17.9 KB
Views Total: 2696
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">

3. Override the default animation speed.

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

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

$('#my-number').counto(12345, 5000, function(){

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