Count Up To A Number At A Specified Speed - Counter.js
File Size: | 3.42 KB |
---|---|
Views Total: | 3020 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

A tiny (500b) and easy jQuery animated counter (countup) plugin for animating numbers from zero to a desired one at a specified speed.
How to use it:
1. Just add the counter.min.js script after jQuery library and we're ready to go.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/counter.min.js"></script>
2. Wrap the numeric value to be counted up into a container with the CSS class of counter
. That's it.
<h2>My Counter</h2> <h3 class="counter">12345678</h3>
3. Customize the animation speed in milliseconds.
<h2>My Counter</h2> <h3 class="counter" data-duration="5000"> 12345678 </h3>
4. Apply an easing function to the counter. Default: 'swing'.
<h2>My Counter</h2> <h3 class="counter" data-duration="5000" data-easing="linear"> 12345678 </h3>
This awesome jQuery plugin is developed by llkalil. For more Advanced Usages, please check the demo page or visit the official website.