Анимированное увеличение числа

D
На сайте с 01.09.2015
Offline
56
301

Здравствуйте. Помогите пожалуйста, сделать так, чтобы ниже приведенный скрипт увеличивал число анимированно (чтобы цифры крутились будто счетчик).

Сам скрипт:


<div class="num">1000</div>


let nums = [1249, 1327, 1632];
let secs = [3, 5, 9];

const delay = sec => new Promise(r => setTimeout(r,sec*1000) );

(async () => {
for (let i = 0; i < secs.length; i++) {
await delay(secs);
document.querySelector('.num').textContent = nums;
}
})();
IL
На сайте с 20.04.2007
Offline
412
#1
Digistive:
ниже приведенный скрипт

Как сделать, чтоб программа для вычисления НОК числа Фибоначчи выводила?..

При такой формулировке вопроса, возможно есть смысл другой скрипт посмотреть?

https://www.sitepoint.com/5-jquery-number-animation-plugins/

D
На сайте с 01.09.2015
Offline
56
#2
ivan-lev:
При такой формулировке вопроса, возможно есть смысл другой скрипт посмотреть?]

Нет, мне нужен именно этот скрипт.

Samail
На сайте с 10.05.2007
Offline
328
#3

document.querySelector('.num').textContent = nums;

Замени на


$({numberValue: $('.num').text()}).animate({numberValue: nums}, {
duration: 500,
easing: 'swing',
step: function() {
$('.num').text(Math.ceil(this.numberValue));
}
});


---------- Добавлено 23.10.2019 в 05:30 ----------

jquery только подключить не забудь

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий