javascript - setInterval 不适用于内容自动更新

Question

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

但它不会在不重新加载页面的情况下自动更新“小时、分钟和状态”。

如何才能使其工作，以便时间会自动更新，并且状态文本也会根据时间条件(无论是开放还是关闭)进行更新。

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

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

通过禁用默认

setInterval(checkTime, 1000);

或setTimeout而不是setInterval

但运气不佳。

Answer 1

经过调试，发现代码有问题。

您已将 now 声明为 checkTime 函数外部的全局变量，并且当页面加载时，now 变量存储的值新日期，即页面加载时日期的值。因此，now 的值仅更新一次，因为全局变量仅执行一次。

解决方案:将now变量放在checkTime内，以便每次调用checkTime时它都会有新的Date值。

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

....
}

希望这能解决问题。 (JS Fiddle)