Count Up To A Number At A Specified Speed - Counter.js

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

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.