Задать вопрос
@vitaliyserebryanskiy

Как вывести цифры от 0 до 100 на JS/JQuery в блоке?

Как вывести в блоке цифры от 0 до 100, за 5 секунд в нужном теге,?
Будто накрутка идёт
<div class="block">0</div>
  • Вопрос задан
  • 658 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Куда, что и за какое время надо выводить:

const el = document.querySelector('.block');
const min = 0;
const max = 100;
const time = 5000;
const delay = time / (max - min);

Выводим:

(function step(val) {
  setTimeout(function() {
    if (val <= max) {
      el.textContent = val;
      step(val + 1);
    }
  }, delay);
})(min);

или

const intervalId = setInterval(val => {
  if (val[0] <= max) {
    el.innerText = val[0];
    if (++val[0] > max) {
      clearInterval(intervalId);
    }
  }
}, delay, [ min ]);

или

(async function() {
  for (let i = min; i <= max; i++) {
    await new Promise(r => setTimeout(r, delay));
    el.innerHTML = i;
  }
})();
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы