验证 jQuery 自定义缓动函数是否正确执行

Question

这是我使用 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))
      }
  })
})

计数器正在工作，但我不知道这些功能是否正在执行。 我认为他们正在加速和减速（取决于 function 传递的内容）但是除了视力和检查控制台之外还有更好的方法来验证这一点吗？ 我玩过持续时间和各种功能，这让我觉得它正在执行，也许这些功能非常微妙。

最近，我还注意到它并没有完全停在跨度中的数字上。 它会接近但不完全在数字上，因此任何补救措施也非常感谢。 谢谢你。