jQuery Counter

A jQuery plugin to count up a number with start on element visible feature - DOCS

Getting Started

1. Install package using NPM or download it from the repository;

npm install jquery-counter --save

2. Require jQuery and Counter

<script src="jquery.min.js"></script>
<script src="jquery.counterup.min.js"></script>

or

require('jquery');
require('jquery-counter');

4. Add data attributes

<span data-counter data-offset="100" data-duration="1000" data-delay="1000">400</span>

Through data properties you can set the following parameters:

Prop	Type	Default	Note
offset	String	200	Element top offset (in pixels) based on view top offset to start the animation
duration	String	3000	Time (in milliseconds) to count it up
delay	String	200	Delay (in milliseconds) to start the animation as per the element becomes visible

5. Call Counter

$('[data-counter]').counter();

JavaScript Options

$('[data-counter]').counter({
    decimals: 0,
    decPoint: ".",
    thousandsSep: ","
});

Methods

$('[data-counter]').counter('bind');