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

59

Digistive

22 октября 2019, 05:46

316

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

Сам скрипт:


<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

435

ivan-lev

22 октября 2019, 06:31

#1

Digistive:
ниже приведенный скрипт

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

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

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

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

D

59

Digistive

22 октября 2019, 12:02

#2

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

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

369

Samail

22 октября 2019, 19:26

#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 только подключить не забудь

1

Курс биткоина превысил $50 тысяч

Маркетинг для шоколадной фабрики. На 34% выше средний чек