work@lienusowl.ru

Полное портфолио: zsws.ru

Библиотека countUp.js для плавной прокрутки числа

countUp.js - маленькая библиотека, с её помощью можно делать плавное увеличение числа от меньшего значения к большему, или наоборот, можно в примере ниже посмотреть как работает, плюс можно задавать временную задержку - как быстро будет происходить процесс плавного изменения нашего числа

Даленее немного обоснования как всё работает:


target = id html элемента где будет происходить подсчёт
startVal = начальное значение
endVal = конечное значение
decimals = количество цифр после запятой, по умолчанию 0
duration = продолжительность анимации в секундах, по умолчанию 2
options = (не обязательный) дополнительные параметры, форматирования, вида анимации

Можно запускать, как просто, так и с колбэком:

	var numAnim = new countUp("SomeElementYouWantToAnimate", 24.02, 99.99, 2, 1.5);
	numAnim.start();

	или

	numAnim.start(someMethodToCallOnComplete);

Другие настройки:


Стоп:

	numAnim.stop();

Пауза:

	numAnim.resume();

Воспроизведение:

	numAnim.reset();	

Пример работы:

24.02

Параметры:

Опции:

Методы:

var options = {
  useEasing : true,
  useGrouping : true,
  separator : ',',
  decimal : '.'
}
var demo = new countUp("myTargetElement", 12.81, 924.2, options);
demo.start();