На странице имеется 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 файле, а значит и на странице, но меняется оно без анимации.
Как сделать, чтобы оно менялось с анимацией, хотя бы в большую сторону?