Fast Forward Numbers

A library used to animate numbers, incrementing them until the final number is reached.

How to use?

Step 1: Install with NPM.

npm install --save fast-forward-numbers

Step 2: Using Webpack, load the required JS:

import fastForward from 'fast-forward-numbers';

Step 3: Call the function below inside your code:

fastForward(element, startNumber, endNumber, time(optional), speed(optional));

where...

element - an element the function is called on.
startNumber - animation will start with this number.
endNumber - animation will end with this number.
time (optional) - time it takes for numbers to be animated. Expressed in ms (default: 3000).
speed (optional) - speed at which numbers are animated. Increase to increase increment count, decrease to decrease increment count (default: 1).

Example:

HTML

<p class="ffn-class">0</p>

JS

import fastForward from 'fast-forward-numbers';

const ffn = document.querySelector(".ffn-class");
fastForward(ffn, 0, 50);

Enjoy!