Animated Number Counter Plugin For jQuery - animationCounter.js
| File Size: | 7.32 KB |
|---|---|
| Views Total: | 33920 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
A really small jQuery plugin that enables you to count up or count down to a numeric value in an animated way, with configurable step size and animation delay.
How to use it:
1. Load the JavaScript file animationCounter.js after jQuery library and the animated counter is ready for use.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="animationCounter.js"></script>
2. Create an element in which you want to display the animated counter.
<span class="demo"></span>
3. Call the function animationCounter on the span element and specify the start / end values.
$('.demo').animationCounter({
start: 0,
end: 100
});
4. Customize the step size and animation delay.
$('.demo').animationCounter({
step: 1,
delay: 1000
});
5. Customize the suffix text.
$('.demo').animationCounter({
txt: " KB"
});
This awesome jQuery plugin is developed by mpavade. For more Advanced Usages, please check the demo page or visit the official website.











