Animated Number Counter Plugin For jQuery - animationCounter.js

File Size: 7.32 KB
Views Total: 33769
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Animated Number Counter Plugin For jQuery - animationCounter.js

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.