Lightweight jQuery Animated Counter Plugin

File Size: 2.41 KB
Views Total: 13743
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Lightweight jQuery Animated Counter Plugin

An ultra-light jQuery number counter plugin which allows you to count up towards a target number at a certain speed using jQuery animate() function.

Basic Usage:

1. Create an empty container element for the number counter.

<div id="counter"></div>

2. Load the jQuerySimpleCounter.js plugin after you have jQuery library installed.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="jQuerySimpleCounter.js"></script>

3. Set the target number you wish to count up towards to. By default, the plugin animates the number from zero.

$('#counter').jQuerySimpleCounter({
end:100
});

4. Default settings.

$('#counter').jQuerySimpleCounter({
start:  0,
end:    100,
easing: 'swing', // jQuery easing effects
duration: 400, // animation speed
complete: '' // callback function
});

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