Как slideUp как одометр

Question

Я получил это, и это «достаточно хорошо», но мое первоначальное видение должно было иметь число скатать как одометр:

setTimeout(slideUp,2000); 
function slideUp() { 
    $('#odometer').slideUp('slow','swing',slideDown); 
} 
function slideDown() { 
    $('#odometer').removeClass('highlight').slideDown('slow'); 
} 

Так что он делает это: когда страница загружается, номер подсвечивается. Через две секунды после загрузки страницы он скрывается из поля зрения и затем скользит вниз обычным шрифтом.

Но то, что я хотел бы сделать, это подсчет числа, такого как одометр. Я мог бы также дать ему стартовый номер, так что пользователю не нужно было бы смотреть , он подсчитал бы чрезмерно большое число.

Answer 1

Вы можете прочитать и исправить исходный код ScrollerJS. Он делает именно то, чего вы хотите достичь, с поддержкой CSS и поддержкой DOM-анимации.

И самое главное, что это с открытым исходным кодом и не зависит от каких-либо сторонних библиотек, включая JQuery, D3, скорость и т.д.