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

Программисты Html
Ответить
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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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