Анимация счетчика от начала до концаCSS

Разбираемся в CSS
Anonymous
 Анимация счетчика от начала до конца

Сообщение Anonymous »

Я хочу разместить счетчик на своем сайте.

Следующий код работает для очень больших чисел, но низкие числа, такие как 3 или 95,5, не работают. Но он работает с числами более 1000. Как вы думаете, в чем проблема с написанным кодом JavaScript?

Заранее спасибо за советы.

Код: Выделить всё

const counters = document.querySelectorAll('.count');
const speed = 200;
counters.forEach((counter) => {
const updateCount = () => {
const target = parseInt(counter.getAttribute('data-target'));
const count = parseInt(counter.innerText);
const increment = Math.trunc(target / speed);
if (count < target) {
counter.innerText = count + increment;
setTimeout(updateCount, 1);
} else {
counter.innerText = target;
}
};
updateCount();
});

Код: Выделить всё



+
0
Years

example1



+
0

example2



0
%

example3



0
%

example4




Подробнее здесь: https://stackoverflow.com/questions/707 ... -end-value

Вернуться в «CSS»