Animated Number Counter Plugin For jQuery – animationCounter.js

Animation
Demo    Download
Animated Number Counter Plugin For jQuery
File Size: 29.81 KB
Views Total: 264 views
Last Update:November 29, 2020
Publish Date: September 26, 2020
Official Website: Go to website
License: MIT

animationCounter.js is a jQuery plugin, animated from one value to another number or infinite value. A very small jQuery plugin allows you to counting or down counting values ​​in an animated manner, and with a step size of delay animation configuration.

How to use it:

1. Add the jQuery library after JavaScript file animationCounter.js

<script src="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 with start to end

$('.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"
});

Done


Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.

Related jQuery Plugins