Advertisement
Guest User

Untitled

a guest
Aug 20th, 2019
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2.  
  3. $(function () {
  4.     var target_block = $(".numberup"); // Ищем блок
  5.     var blockStatus = true;  
  6.     $(window).scroll(function() {
  7.         var scrollEvent = ($(window).scrollTop() > ($(target_block).offset().top - $(window).height()));
  8.    
  9.         if(scrollEvent && blockStatus) {  
  10.             blockStatus = false; // Запрещаем повторное выполнение функции до следующей перезагрузки страницы.
  11.             //Анимация цифры 1
  12.             $({numberValue: 0}).animate({numberValue: 20}, {
  13.                 duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
  14.                 easing: "swing",
  15.                 step: function(val) {  
  16.                     $(".numberup").html(Math.ceil(val)+' лет'); // Блок, где необходимо сделать анимацию
  17.                 }
  18.             });
  19.             //Анимация цифры 2
  20.             $({numberValue: 0}).animate({numberValue: 1700000}, {
  21.                 duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
  22.                 easing: "swing",
  23.                 step: function(val) {
  24.                     var numpsace = Math.ceil(val);
  25.                     var format = String(numpsace).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ');
  26.                     $(".numberup1").html(format +' м2'); // Блок, где необходимо сделать анимацию
  27.                 }
  28.             });
  29.             //Анимация цифры 3
  30.                 $({numberValue: 0}).animate({numberValue: 50000000}, {
  31.                 duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
  32.                 easing: "swing",
  33.                 step: function(val) {
  34.                     var numpsace = Math.ceil(val);
  35.                     var format = String(numpsace).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ');
  36.                     $(".numberup2").html(format +'+'); // Блок, где необходимо сделать анимацию
  37.                 }
  38.             });
  39.             //Анимация цифры 3
  40.             $({numberValue: 0}).animate({numberValue: 650}, {
  41.                 duration: 3000, // Скорость анимации, где 500 - 0.5 одной секунды, то есть 500 миллисекунд
  42.                 easing: "swing",
  43.                 step: function(val) {  
  44.                     $(".numberup3").html(Math.ceil(val)+'+'); // Блок, где необходимо сделать анимацию
  45.                 }
  46.             });
  47.  
  48.         }
  49.     });
  50. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement