javascript根据时间更改背景

Question

好的，所以我一直在使用javascript进行一些工作，而我正在尝试获取它，以便网站背景根据时间（白天和黑夜）而变化。 但是似乎当我运行该页面时，它会跳过所有编码，转到else语句并运行

这是代码：

</body>
<script type="text/javascript">
    var currentTime = new Date().getHours();
    if(5 < currentTime && currentTime < 18){
        if (document.body) {
            document.body.background = 'images/bg-day.png';
        }
    } else {
        if (document.body) {
            document.body.background = 'images/bg-night.png';
        }
    }
</script>
</html>

Answer 1

将所有js代码放入

window.onload=function(){
    YOUR CODE HERE
}

运行它们

而且，使用
document.body.setAttribute("style","background-image: url(/images/xxx.png);") ;

代替

document.body.background=xxx;  

因为当您更改CSS样式时，浏览器会立即刷新元素。

Answer 2

您的确切代码对我来说是正确的。 尝试做：document.write（currentTime）;

查看getHours（）等是否按预期工作。

另外，如果手动设置currentTime会发生什么？