javascript - 从静态变化到实时变化

Question

我有一个 Javascript 代码，用于根据一天中的时间更改某些元素的外观。

我的问题是：有没有办法让这些外观变化在页面上“实时”可见，而不需要人们重新加载/刷新网页？

<script type="text/javascript">
function getDayTime(hours) {
if (hours > 20 || hours < 5)
return "night";

if (hours > 17)
return "dusk";

if (hours > 8)
return "day";

return "dawn";
}

$(function() {
document.body.className = getDayTime(new Date().getHours());
});
</script>

Answer 1

您可以使用每毫秒setInterval()更新一次值。x例如：

setInterval(function() {
    document.body.className = getDayTime(new Date().getHours());
}, 1000); // update every second