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

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.