<script>
//Добавляем класс к первой цифре
$(".t505__number:eq(0)").addClass("numberup1");
//Добавляем класс ко второй цифре
$(".t505__number:eq(1)").addClass("numberup2");
//Добавляем класс к третьей цифре
$(".t505__number:eq(2)").addClass("numberup3");
$(function () {
var target_block = $(".numberup1"); // Ищем блок
var blockStatus = true;
$(window).scroll(function() {
var scrollEvent = ($(window).scrollTop() > ($(target_block).offset().top - $(window).height()));
if(scrollEvent && blockStatus) {
blockStatus = false; // Запрещаем повторное выполнение функции до следующей перезагрузки страницы.
//Анимация цифры 1
$({numberValue: 0}).animate({numberValue: 55}, {
duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
easing: "swing",
step: function(val) {
$(".numberup1").html(Math.ceil(val)+"%"); // Блок, где необходимо сделать анимацию
t505__createPieChart('42109880', Math.ceil(val) ,Math.ceil(val)+12, Math.ceil(val)+31 ,'','#ededed','#592a11','#fff','3','15','160');
}
});
//Анимация цифры 2
$({numberValue: 0}).animate({numberValue: 67}, {
duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
easing: "swing",
step: function(val) {
$(".numberup2").html(Math.ceil(val)+"%"); // Блок, где необходимо сделать анимацию
}
});
//Анимация цифры 3
$({numberValue: 0}).animate({numberValue: 86}, {
duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
easing: "swing",
step: function(val) {
$(".numberup3").html(Math.ceil(val)+"%"); // Блок, где необходимо сделать анимацию
}
});
}
});
});
</script>