的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）