jQuery 向上计数

Question

我不太擅长 javascript，但我希望有一个漂亮的小动画，可以向上计数数字。我找到了this在 Github 上，但是速度很慢。 (我正在计算一个小数点后10位的数字)。有人知道如何修改它，以便更快地进行修改吗？ (我试图减少数据间隔，但它有点停滞在“0”。

<p class="counter" data-interval="0" data-format="999999" data-stop="193847"></p>

Answer 1

这会对您有所帮助，而且也很简单，您可以通过更改持续时间来更改速度，并通过更改计数器:0来更改起始数字

$('.count').each(function () {
  var $this = $(this);
  jQuery({ Counter: 0 }).animate({ Counter: $this.attr('data-stop') }, {
    duration: 1000,
    easing: 'swing',
    step: function (now) {
      $this.text(Math.ceil(now));
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="count" data-stop="193847">193847</span>
<br/>
<span class="count" data-stop="190">190</span>
<br/>
<span class="count" data-stop="1938">1938</span>