Почему на на втором и третьем элементе бесконечная анимация?

Есть функция для анимации счетчика чисел:
const time = 10000;
        const step = 1;

	function outNum($num, $elem) {
	  let e = document.querySelector($elem);
	  n = 0;
	  let t = Math.round(time / ($num / step));
	  let interval = setInterval(() => {
		n = n + step;
		if (n == num) {
		  clearInterval(interval);
		}
		e.innerHTML = n;
	  }, t);
	}

При ее вызове:
outNum(100, "#first");
outNum(100, "#second");
outNum(100, "#third");

На первом элементе все ок, а вот второй и третий элемент анимируються бесконечно, а не до 100 как это должно быть
  • Вопрос задан
  • 38 просмотров
Решения вопроса 1
Alexandroppolus
@Alexandroppolus
кодир
n = 0;

надо так:
let n = 0;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы