1.0.20 • Published 5 years ago

fast-forward-numbers v1.0.20

Weekly downloads
2
License
ISC
Repository
-
Last release
5 years ago

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!

1.0.20

5 years ago

1.0.19

5 years ago

1.0.18

5 years ago

1.0.17

5 years ago

1.0.16

5 years ago

1.0.15

5 years ago

1.0.14

5 years ago

1.0.13

5 years ago

1.0.11

5 years ago

1.0.12

5 years ago

1.0.9

5 years ago

1.0.10

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago