как анимировать текстовое значение от 100 до 20

#javascript #jquery

как анимировать значение в 100 от 100 до 20
    

Ответы

Ответ 1

var block = $('span'),
  start = parseInt(block.text()), // парсим число
  stop = 20, // окончание анимации
  step = 1; // шаг пересчета
var timeout = setInterval(function() {
  if (start > stop) {
    start = start - step;
    block.text(start);
  } else {
    clearInterval(timeout); // очищаем интерввал
  }
}, 30); // интервал между пересчетами

100


Ответ 2

setTimeout(function dec() {
  if (--document.querySelector('span').textContent - 20) {
    setTimeout(dec, 300)
  }
}, 300)
100