<script>
//Добавляем класс к первой цифре
$(".t1051__number:eq(0)").addClass("numberup3");
//Добавляем класс ко второй цифре
$(".t1051__number:eq(1)").addClass("numberup4");
//Добавляем класс к третьей цифре
$(".t1051__number:eq(2)").addClass("numberup5");
$(function () {
var target_block = $(".numberup3"); // Ищем блок
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: 45}, {
duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
easing: "swing",
step: function(val) {
$(".numberup3").html(Math.ceil(val)+"%"); // Блок, где необходимо сделать анимацию
$('.t1051__pie1').attr('data-number' , Math.ceil(val) );
}
});
//Анимация цифры 2
$({numberValue: 0}).animate({numberValue: 100}, {
duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
easing: "swing",
step: function(val) {
$(".numberup4").html(Math.ceil(val)+"%"); // Блок, где необходимо сделать анимацию
$('.t1051__pie2').attr('data-number' , Math.ceil(val) );
}
});
//Анимация цифры 3
$({numberValue: 0}).animate({numberValue: 65}, {
duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
easing: "swing",
step: function(val) {
$(".numberup5").html(Math.ceil(val)+"%"); // Блок, где необходимо сделать анимацию
$('.t1051__pie3').attr('data-number' , Math.ceil(val) );
t1051__createPieChart('509236625', '#ededed', '#1c0c04', '#cccccc', '15', '160');
}
});
}
});
});
</script>