1.0.2 • Published 2 years ago
animate-number-235 v1.0.2
Animate Number 235
Lightweight class to animate numbers written in typescript. We also provide ES6 module.
Installation
npm install --save-dev animate-number-235
Usage
As a function
import { animateNumber } from 'animate-number-235';
const elDObj = document.getElementById('element-wherein-animate-number');
const oldNumber = parseInt(elDObj.innerHTML, 10) || 0;
const newNumber = 20000;
const speed = 5000; // Animate number for 5 seconds
animateNumber(elDObj, parseInt(elDObj.innerHTML, 10) || 0, newNumber, speed);
As a class
import { AnimateNumber } from 'animate-number-235';
const elDObj = document.getElementById('element-wherein-animate-number');
const an = new AnimateNumber(elDObj);
const oldNumber = parseInt(elDObj.innerHTML, 10) || 0;
const newNumber = 20000;
const speed = 5000; // Animate number for 5 seconds
an.animate(oldNumber, newNumber, speed);
Development requirements
- Install typescript:
npm install -g typescript
- Install dependecies:
npm install