我尝试了这个,但它没有显示任何图像.如果您可以解释如何使其工作,以便图像在指定的时间出现,这将是伟大的.我将切换出图像,以便每个时间段都有不同的图像.非常感谢!
setInterval(function () { var hours = new Date().getHours(); $("#hours").html((hours < 10 ? "0" : "") + hours); if (hours >= 5 && hours < 7) { if($("body").css("background-image").indexOf("night-sky-background.jpg")==-1){ $("body").css("background-image", "images/night-sky-background.jpg"); } } else if (hours >= 7 && hours < 8) { if($("body").css("background-image").indexOf("night-sky-background.jpg")==-1){ $("body").css("background-image", "images/night-sky-background.jpg"); } } else if (hours >=8 && hours < 9) { if($("body").css("background-image").indexOf("night-sky-background.jpg")==-1){ $("body").css("background-image", "images/night-sky-background.jpg"); } } else if (hours >=9 && hours < 11) { if($("body").css("background-image").indexOf("night-sky-background.jpg")==-1){ $("body").css("background-image", "images/night-sky-background.jpg"); } } else if (hours >=11 && hours < 14) { if($("body").css("background-image").indexOf("day-sky-background.jpg")==-1){ $("body").css("background-image", "images/day-sky-background.jpg"); } } else if (hours >=14 && hours < 18) { if($("body").css("background-image").indexOf("day-sky-background.jpg")==-1){ $("body").css("background-image", "images/day-sky-background.jpg"); } } else if (hours >=18 && hours < 22) { if($("body").css("background-image").indexOf("day-sky-background.jpg")==-1){ $("body").css("background-image", "images/day-sky-background.jpg"); } } else if (hours >=22 && hours < 24) { if($("body").css("background-image").indexOf("day-sky-background.jpg")==-1){ $("body").css("background-image", "images/day-sky-background.jpg"); } } else { if($("body").css("background-image").indexOf("day-sky-background.jpg")==-1){ $("body").css("background-image", "images/day-sky-background.jpg"); } } }, 1000);
David Hedlun.. 6
background-image
应该是url(images/day-sky-background.jpg)
.
(你错过了url( ... )
)
background-image
应该是url(images/day-sky-background.jpg)
.
(你错过了url( ... )
)