Minimal Counting Animation Plugin For jQuery - Counto.js
| File Size: | 17.9 KB |
|---|---|
| Views Total: | 3069 |
| 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.











