jQuery Count Numbers Up

Question

我对javascript并不擅长,但是我希望有一个很好的小动画,它可以向上计数.我在Github上发现了这个,但它的速度很慢.(我正在计算一个10位小数).任何人都有关于如何修改它的任何提示,所以它更快？(我试图减少数据间隔,但它停滞在"0".

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

Answer 1

我找到了完美的解决方案:

https://github.com/mhuggins/jquery-countTo

Answer 2

这也将帮助您并且也很简单，您可以通过更改持续时间来更改速度并通过更改计数器来更改起始编号：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>