Бесконечная анимация случайных чисел как div

Question

Мне нужен анимированный генератор случайных чисел.Было бы здорово в div.

Как это возможно с возможно JavaScript?

Спасибо.

Answer 1

Вы можете использовать одометр (https://github.hubspot.com/odometer/), чтобы анимировать изменение числа. Он имеет различные темы для управления внешним видом.

И если вы хотите, чтобы оно бесконечно менялось на случайное число, вы можете настроить его на интервал.

Таким образом, вы могли бы иметь HTML следующим образом:

<div id="odometer" class="odometer">123</div>

Тогда в вашем JS-файле вы просто измените innerHTML элемента, и одометр будет обрабатывать анимацию.

setInterval(function(){
    document.getElementById('odometer').innerHTML = Math.floor(Math.random() * 1000);
}, 2000);

Смотрите демо-версию скрипта ниже (изменено скрипкой их github):

http://jsfiddle.net/4wtz8paL/2/