Блог

Это первое, что я тестирую с помощью jQuery, и не могу определить, работают ли мои пользовательские функции должным образом. У меня есть счетчик, который начинается с 0 и заканчивается на номере, который я указал в своем :

 <div class="couples">
    <div class="stats-text">dollars wasted</div>
    <div class="numbers" id="money-stat"><span>586749</span></div>
</div>
 

А вот и javascript:

 jQuery.easing.def = "easeOutSine"

$(".numbers").each(function() {
  var $this = $(this)
  jQuery({ counter: 0 }).animate({ counter: $this.text() }, {
      duration: 6000,
      easing: "easeOutSine", 
      step: function () {
          $this.text(Math.ceil(this.counter))
      }
  })
})
 

Счетчик работает, но я не могу сказать, выполняются ли функции. Я думаю, что они ускоряются и замедляются (в зависимости от того, какая функция передается), но есть ли лучший способ проверить это, кроме зрения и проверки консоли? Я поиграл с продолжительностью и различными функциями, и это заставляет меня думать, что он выполняется, и, возможно, функции просто очень тонкие.

Совсем недавно я также заметил, что он не останавливается точно на числе в промежутке. Это будет близко, но не совсем по номеру, так что любое средство от этого также очень ценится. Спасибо.