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

您的确切代码适用于我。尝试做：文件撰写（currentTime的）;

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

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

javascript根据时间更改背景

2 个答案: