按时间更改背景图像网址

Question

我正在尝试根据一天中的时间更改背景图像网址。就像在早晨AM时间太阳升起......太阳落山。每个都有自己的png文件和URL。我正在使用rails上的ruby创建站点并使用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