Count Up To A Number At A Specified Speed - Counter.js
| File Size: | 3.42 KB |
|---|---|
| Views Total: | 3710 |
| 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.











