setInterval无法使用内容自动更新

Question

我正在尝试使用此https://codepen.io/zeinab92/pen/xwWGWM

但是没有页面重新加载，它不会自动更新“小时，分钟和状态”。

如何使其正常工作，时间将自动更新，状态文本也将根据时间条件更新，无论是打开还是关闭。

我喜欢脚本，除了自动更新问题，我试过创建一个新函数，

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

禁用默认

setInterval(checkTime, 1000);

或 setTimeout 而不是 setInterval

但没有运气。

Answer 1

调试后，我发现代码存在问题。

您已在 checkTime 功能之外声明现在为全局变量，当页面加载现在变量存储值时新日期，即加载页面时的日期值。因此，now的值只更新一次，因为全局变量只执行一次。

解决方案：将现在变量置于checkTime 内，以便每当调用checkTime时每次都有新值Date。

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

....
}

希望这可以解决问题。 （JS Fiddle）