在 dytime 的基础上更改 div 背景

Question

我无法在特定时间更改我的 jumbotron 背景，但没有显示任何内容，并且 jumbotron 没有任何图片作为背景。

我的 Js：

var currentTime = new Date().getHours();
if (7 <= currentTime && currentTime < 20) {
    if (document.getElementById("jumbotron")) {
        document.getElementById("jumbotron").background = "1.jpg";
    }
}else {
    if (document.getElementById("jumbotron")) {
        document.getElementById("jumbotron").background = "2.jpg";
    }
}

Answer 1

你需要使用正确的语法：

document.getElementById("jumbotron").style.backgroundImage = "url('1.jpg')";

http://www.w3schools.com/jsref/prop_style_backgroundimage.asp

完整示例在这里：

https://jsfiddle.net/gevorgha/15baqpjt/