Question

我正在尝试在我的网站上创建一个持续增加的数字，该数字以给定数字（例如5,000,000）开始，并以均匀速率（大约每秒1左右）增加到无穷大。这应该独立于加载网页的用户而发生 - 换句话说，每次加载网页时，计时器不应重新启动5,000,000。它会显示新的更高的数字。

我认为最简单的方法（根据我对这个主题的非常有限的了解）可能会使用前一个日期作为起点并计算从该日期起经过的秒数。这样，无论何时加载页面都会是准确的，并且会以每秒1的速度增加。

有什么想法吗？

Answer 1

var initSeconds = new Date(2010, 0).getSeconds() //january 1 of 2010
    , BASE_NUMBER = 5000000
;

setInterval(function() {
   var curSeconds = new Date().getSeconds()
       , elem = $('#mydisplayelem')
   ;
   elem.text(BASE_NUMBER + curSeconds - initSeconds);
}, 1000);

这些方面有些......这不会完全符合你的需要，你需要一个更好的时间计算，但这应该让你开始。

另外，请参阅this article有关计算日期差异的信息。

连续计数定时器（独立于页面加载）

1 个答案: