Simple jQuery Plugin For Animating Numbers - Numerator

Numerator is yet another jQuery number animation plugin that allows you to add customizable animations to the numbers.

Features:

• Easing options.
• Allows to specify the length of the animation.
• Custom decimal places and delimiter.
• Callback events supported (onStar, onStep, and onComplete).

See also:

• Easy jQuery Number Animation Plugin - animateNumber

Basic Usage:

1. Load the latest jQuery javascript library and JQuery Numerator plugin in the footer of your page.

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery-numerator.js"></script>

2. Create a container for the number animation.

<div class="demo"> 0 </div>

3. Call the plugin with options.

<script>
$('.demo').numerator( {
easing: 'linear', // easing options.
duration: 2000, // the length of the animation.
delimiter: ',',
rounding: 2, // decimal places.
toValue: 100 // animate to this value.
} )
</script>

Change log:

2015-09-23

• Make plugin AMD compliant
• Updated parseInt with radix

2014-06-04

• change to support IE8.

---

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