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

На странице имеется 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 файле, а значит и на странице, но меняется оно без анимации.

Как сделать, чтобы оно менялось с анимацией, хотя бы в большую сторону?
  • Вопрос задан
  • 154 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы