Lightweight jQuery Animated Counter Plugin
| File Size: | 2.41 KB |
|---|---|
| Views Total: | 13823 |
| 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.










