Animated Number Counter Plugin For jQuery - animationCounter.js
File Size: | 7.32 KB |
---|---|
Views Total: | 33845 |
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.