Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.12.2018, 13:15
Аспирант
Отправить личное сообщение для zava75 Посмотреть профиль Найти все сообщения от zava75
 
Регистрация: 13.07.2018
Сообщений: 34

Анимация не целых чисел
Ребята, я только начал изучать js ? кто нибудь доскажите или само направление как сделать правильно код прописать
$('.animate-math .number').waypoint({

      offset: '100%',
      triggerOnce: true,
      handler: function() {

        var el = $(this.element).length ? $(this.element) : $(this);
        var duration = Math.floor((Math.random() * 1000) + 1000);
        var tos = el.attr('data-to');
		var to = (tos.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
		alert (to);

        $({
          property: 0
        }).animate({
          property: to
        }, {
          duration: duration,
          easing: 'linear',
          step: function() {
            el.text(Math.floor(this.property));
          },
          complete: function() {
            el.text(this.property);
          }
        });

        if (typeof this.destroy !== 'undefined' && $.isFunction(this.destroy)) {
          this.destroy();
        }
      }
    });

alert (to); после анимации получаю nan
Ответить с цитированием
  #2 (permalink)  
Старый 13.12.2018, 13:34
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,705

Сообщение от zava75
Ребята, я только начал изучать js ?
Вам виднее.
Сообщение от zava75
alert (to); после анимации получаю nan
Вы уверены, что до анимации у вас в атрибуте "data-to" значение отличается от "nan"?
Ответить с цитированием
  #3 (permalink)  
Старый 13.12.2018, 13:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

zava75,
$(".animate-math .number").waypoint({
  offset:"100%",
  triggerOnce:true,
  handler:function() {
  var el = $(this.element).length ? $(this.element) : $(this);
  var duration = Math.floor(Math.random() * 1000 + 1000);
  var tos = el.attr("data-to");
  var to = ("" + tos).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, "$1 ");
  alert(to);
  $({property:0}).animate({property:tos}, {duration:duration, easing:"linear", step:function(val) {
    val = Math.round(val);
    val = val.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, "$1 ");
    el.text(val);
  }, complete:function() {
    el.text(to);
  }});
}});
Ответить с цитированием
  #4 (permalink)  
Старый 13.12.2018, 14:57
Аспирант
Отправить личное сообщение для zava75 Посмотреть профиль Найти все сообщения от zava75
 
Регистрация: 13.07.2018
Сообщений: 34

Сообщение от рони Посмотреть сообщение
zava75,
$(".animate-math .number").waypoint({
  offset:"100%",
  triggerOnce:true,
  handler:function() {
  var el = $(this.element).length ? $(this.element) : $(this);
  var duration = Math.floor(Math.random() * 1000 + 1000);
  var tos = el.attr("data-to");
  var to = ("" + tos).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, "$1 ");
  alert(to);
  $({property:0}).animate({property:tos}, {duration:duration, easing:"linear", step:function(val) {
    val = Math.round(val);
    val = val.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, "$1 ");
    el.text(val);
  }, complete:function() {
    el.text(to);
  }});
}});
Спасибо! Всё гениальное просто!!!!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вот такое задание, но я только в начале пути вэб разработки, подскажите как? Dixlofos Общие вопросы Javascript 31 22.10.2018 01:48
Регулярное выражение для разделение не целых чисел и букв maks_ur Общие вопросы Javascript 14 28.03.2018 13:00
Округление до целых чисел Denis_Landar Элементы интерфейса 7 22.12.2017 19:26
Простейший генератор случайных целых чисел от 0 до x freeneutron Общие вопросы Javascript 3 04.12.2015 16:20
Анимация чисел при скролле до элемента min89 jQuery 7 13.07.2015 15:07