如何制作一个24小时增加数量的控制Jquery计数器

时间:2015-10-08 15:49:26

标签: javascript jquery

所以我正在研究这个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'));
            }
       });
    });
});

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

这实际上可以使用原生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。