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

Question

我正在尝试根据一天中的时间更改背景图像 url。就像早上 AM 时间太阳升起....太阳落山。每个都有自己的 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