連續countup定時器（獨立於頁面加載）

我試圖創建一個在我的網站上開始以給定數量（例如5,000,000）不斷增加的數字，並以平均速率（約每秒約1））到無窮遠。這應該與用戶加載網頁無關 - 換句話說，每次加載網頁時，計時器不應該從5,000,000次重新啓動。它會顯示新的更高的數字。連續countup定時器（獨立於頁面加載）

我在想最簡單的方法（在我對這個問題非常有限的知識中）可能是使用以前的日期作爲起點並計算從該日期開始經過的秒數。這樣無論何時加載頁面都會準確無誤，並且每秒增加1個。

任何想法？

來源

2013-12-14 Patrick Mauldin

在第一次加載時將時間存儲在cookie中，並使用它來計算您的號碼。 –

這不會給不同的人不同的數字，因爲cookie只存儲在每臺計算機上？ –

你是對的。你最好的選擇是使其成爲實際時間/日期的函數。 –

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關於計算日期差異。

來源

2013-12-14 02:16:12 Jason

連續countup定時器（獨立於頁面加載）

回答

相關問題