Задать вопрос

Анимированое изменение числа в реальном времени?

На странице имеется div, который содержит число. Это число добавляется из php-файла (с помощью include), а в php-файл число попадает из БД. БД>>>php-файл>>>страница. div, который содержит число обновляется каждые 3000мс.

С помощью этого кода число на странице анимируется: (число отсчитывается от 1, например, 1,2,3,4 и пока не будет выведено само число)
$(window).scroll(startCounter);
function startCounter() {
    if ($(window).scrollTop() > 3000) {
        $(window).off("scroll", startCounter);
        $('.Count').each(function () {
            var $this = $(this);
            jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
                duration: 4000,
                easing: 'swing',
                step: function (now) {
                    $this.text(now.toFixed(2)); 
                }
            });
        });
    }
}

Когда в БД меняется число, соответственно, оно меняется и в php файле, а значит и на странице, но меняется оно без анимации.

Как сделать, чтобы оно менялось с анимацией, хотя бы в большую сторону?
  • Вопрос задан
  • 163 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы