的setInterval不與內容自動更新

Question

工作我試圖用這個https://codepen.io/zeinab92/pen/xwWGWM

，但它沒有更新「小時，分鐘和狀態」情況下自動重新加載頁面。

如何使其工作，因此，時間將自動更新，並且狀態文本也將根據時間條件進行更新，無論它是打開還是關閉。

我想除了自動更新問題的劇本，我試圖通過禁用默認

setInterval(checkTime, 1000); 

或的setTimeout，而不是的setInterval創建一個新的功能，

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

但沒有運氣。

Answer 1

調試完成後，我發現代碼存在問題。

您已經聲明現在爲全局變量外檢查時間功能，當頁面加載現在，當頁面已經被加載新的日期即日期的價值變量存儲值。因此，現在的值只更新一次，因爲全局變量只執行一次。

解決方案：放置現在變量內檢查時間，這樣每次它都會有日期的新的價值，每當檢查時間被調用。

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

.... 
} 

希望這能解決問題。 （JS Fiddle）