Counter-Up is a lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.
JavaScript
Switch branches/tags
Nothing to show
Latest commit 20207e2 Nov 26, 2013 @bfintal Update README.md
Permalink
Failed to load latest commit information.
demo updated demo Nov 26, 2013
LICENSE Initial commit Nov 25, 2013
README.md Update README.md Nov 26, 2013
counterup.jquery.json Added manifest Nov 26, 2013
jquery.counterup.js Initial commit Nov 25, 2013
jquery.counterup.min.js Initial commit Nov 25, 2013

README.md

Counter-Up

Counter-Up is a jQuery plugin that animates a number from zero (counting up towards it). It supports counting up:

  • integers 12345
  • floats 0.1234
  • formatted numbers 1,234,567.00

Features:

  • Auto-detect for integers, floats or formatted numbers
  • The plugin will also use the number of decimal places the original number is using.
  • Lightweight: ~1kb
  • Minimal setup

Requires waypoints.js

Demo

DEMO

Usage

Include

<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="jquery.counterup.min.js"></script>

HTML

<span class="counter">1,234,567.00</span>
<span>$</span><span class="counter">1.99</span>
<span class="counter">12345</span>

jQuery

$('.counter').counterUp();

or with extra parameters

$('.counter').counterUp({
    delay: 10,
    time: 1000
});

delay - The delay in milliseconds per number count up

time - The total duration of the count up animation

Social Stuff

Twitter: @bfintal & @gambitph

Google+: +Benjamin Intal