Count Up To A Number When Visible - jQuery rCounterup

File Size: 6.54 KB
Views Total: 14410
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Count Up To A Number When Visible - jQuery rCounterup

rCounterup is a small and smart jQuery counter plugin which counts up to a specifc number when the number becomes visible. 

Base don the jQuery waypoint plugin to trigger the count up animation when you scroll to the number.

How to use it:

1. Load the necessary jQuery and jQuery waypoint libraries in the html document.

<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/jquery.waypoints.js"></script>

2. Load the jquery.rcounterup.js script after jQuery.

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

3. Wrap the number in a container element.

<span class="count-num">123456789</span>

4. Call the function and done.

$(function(){
  $('.count-num').rCounter();
});

5. Customize the duration of the animation. Default: 20.

$(function(){
  $('.count-num').rCounter({
    duration: 30
  });
});

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