css - 按时间更改背景图片网址

Question

我正在尝试根据一天中的时间更改背景图片网址。就像在早上上午时间太阳升起....太阳落山。每个都有自己的 png 文件和一个 url。我正在用 ruby​​ on rails 创建网站，并将 sass-rails 用于 css。

所以我的问题是，有没有一种聪明的方法可以改变从辅助方法或其他方法读取的 css 类的 bg 图像 url？

或者使用jquery调用服务器端方法并返回图片url？

任何帮助深表感谢。

Answer 1

试试这个方法

<script type="text/javascript">

var currentTime = new Date().getHours();
if ( currentTime> 6 | currentTime<9) {
if(document.body) {
document.body.background = "sunrise.jpg";
}
}
else if (currentTime>=9 &&currentTime < 20) {
if(document.body) {
document.body.background = "daytime.jpg";
}
}
else if (currentTime>20 &&currentTime < 24) {
if(document.body) {
document.body.background = "sunset.jpg";
}
}
else {
if (document.body) {
document.body.background = "nighttime.jpg";
}
}

</script> 

来源：http ://www.sitepoint.com/forums/showthread.php?744436-Changing-div-background-image-based-on-time