Lightweight jQuery Animated Counter Plugin
File Size: | 2.41 KB |
---|---|
Views Total: | 13720 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

An ultra-light jQuery number counter plugin which allows you to count up towards a target number at a certain speed using jQuery animate()
function.
Basic Usage:
1. Create an empty container element for the number counter.
<div id="counter"></div>
2. Load the jQuerySimpleCounter.js plugin after you have jQuery library installed.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="jQuerySimpleCounter.js"></script>
3. Set the target number you wish to count up towards to. By default, the plugin animates the number from zero.
$('#counter').jQuerySimpleCounter({ end:100 });
4. Default settings.
$('#counter').jQuerySimpleCounter({ start: 0, end: 100, easing: 'swing', // jQuery easing effects duration: 400, // animation speed complete: '' // callback function });
This awesome jQuery plugin is developed by marcoscesar. For more Advanced Usages, please check the demo page or visit the official website.