在工作时间基础上更改 div 背景

Question

我在特定日期更改超大屏幕背景时遇到问题，但没有任何显示，而且超大屏幕没有任何图片作为背景。

我的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/

在工作时间基础上更改 div 背景

Change div background on dytime basis

html

javascript

css

background-image

dst