setInterval不適用於內容自動更新

Question

我正在嘗試使用此https://codepen.io/zeinab92/pen/xwWGWM

但是，它不會在不重新加載頁面的情況下自動更新“小時，分鍾和狀態”。

我如何使其工作，時間會自動更新，狀態文本也會根據時間條件（無論是打開還是關閉）進行更新。

除了自動更新問題外，我喜歡該腳本，我嘗試通過創建新函數來解決這個問題，

setInterval(function() {
  $("#timeDiv").html(data);
}, 1000);

通過禁用默認值

setInterval(checkTime, 1000);

或setTimeout而不是setInterval

但是沒有運氣。

Answer 1

調試后，我發現了代碼問題。

您現在已經在checkTime函數外部聲明為全局變量，並且當頁面加載時現在變量存儲新Date的值，即頁面加載時的Date值。 因此，由於全局變量僅執行一次，因此now的值僅更新一次。

解決方案：將now變量放在checkTime內，以便每次調用checkTime時 ，它每次都具有Date的新值。

function checkTime(){
var now=new Date();

....
}

希望這能解決問題。 （ JS小提琴 ）