Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(function () {
- var target_block = $(".numberup"); // Ищем блок
- 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: 20}, {
- duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
- easing: "swing",
- step: function(val) {
- $(".numberup").html(Math.ceil(val)+' лет'); // Блок, где необходимо сделать анимацию
- }
- });
- //Анимация цифры 2
- $({numberValue: 0}).animate({numberValue: 1700000}, {
- duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
- easing: "swing",
- step: function(val) {
- var numpsace = Math.ceil(val);
- var format = String(numpsace).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ');
- $(".numberup1").html(format +' м2'); // Блок, где необходимо сделать анимацию
- }
- });
- //Анимация цифры 3
- $({numberValue: 0}).animate({numberValue: 50000000}, {
- duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
- easing: "swing",
- step: function(val) {
- var numpsace = Math.ceil(val);
- var format = String(numpsace).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ');
- $(".numberup2").html(format +'+'); // Блок, где необходимо сделать анимацию
- }
- });
- //Анимация цифры 3
- $({numberValue: 0}).animate({numberValue: 650}, {
- duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
- easing: "swing",
- step: function(val) {
- $(".numberup3").html(Math.ceil(val)+'+'); // Блок, где необходимо сделать анимацию
- }
- });
- }
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement