Animated Counting Numbers In jQuery - numScroll.js

File Size: 6.56 KB
Views Total: 10728
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Animated Counting Numbers In jQuery - numScroll.js

numScroll.js is a jQuery plugin to create an animated counter that animates counting from zero to the desired number on the screen.

How to use it:

1. Include the JavaScript numScroll.js after loading jQuery JavaScript library.

<script src="" 
<script src="js/jquery.numscroll.js"></script>

2. Create an inline element to hold the counter.

<span class="num">

3. Initialize the counter and specify the target number.


    number: 123456


4. Set the delay & duration as per your needs.

  'time': 1500,
  'delay': 0

5. Decide whether to display decimal and thousands separators. Default: false.

  'symbol': true

6. Set the step size. Default: 1.

  'symbol': true

7. Define the the initial value from which the counter will count up. Default: 0.

  'fromZero': true



  • Bugfix


  • v3.0.0: Refactor


  • v2.0.0: Added options

This awesome jQuery plugin is developed by chaorenzeng. For more Advanced Usages, please check the demo page or visit the official website.