javascript - 我尝试使用当前时间更改背景颜色

Question

我尝试运行我的代码，但它不起作用

我已经尝试使用“颜色”变量，使用 rgb(x,x,x) 代码，#xxxx，不带引号...

var thehours = new Date().getHours();
if (thehours >= 0 && thehours < 12) {
     document.body.style.backgroundColor = "white";
} else if (thehours >= 12 && thehours < 18) {
    document.body.style.backgroundColor = "grey";
} else if (thehours >= 18 && thehours < 24) {
    document.body.style.backgroundColor = "black";  
}

在控制台中我得到这个“Uncaught TypeError: Cannot read property 'style' of null at design.js:3”

Answer 1

这应该可以，但可能在错误的地方被调用，它应该在页面加载后调用，我建议将它放在正文末尾的标记中，或者您可以使用按钮并将其放置在函数中