如何制作一个连续的Jquery计数器，每24小时增加一个数字

Question

所以我在这个jQuery计数器计数和一切，但客户端希望能够在计数开始的数字(目前15,205,456)，然后有计数增加1,500,000点击每天(每24小时)。这些信息需要作为自定义字段添加到WordPress中。我的代码是:

    jQuery(document).ready(function($) {
       $('.count').each(function () {
          $(this).prop('Counter',0).animate({
             Counter: $(this).text()
        }, {
            duration: 8640000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now).toLocaleString('en'));
            }
       });
    });
});

有什么建议吗?

Answer 1

这实际上可以用原生JavaScript/jQuery实现。

使用JavaScript的prompt函数，我们可以收集用户输入。为了在一段时间后运行一个函数，我们希望使用setInterval方法。重要的是要注意，作为最后一个参数传入的时间值以毫秒为单位。所以我们必须把秒数乘以1000。

<p id="count"></p>
$(document).ready(function() {
    var count = prompt("Enter your starting number");
    setInterval(function() {
        count += 1500000;
        $("#count").text(count);
    }, 86400000);
});

延迟的最大值为32位有符号整数，等于2 ^ 32 - 1。这表示值为4294967295 ms.