基于时间的图像类更改

时间:2012-08-12 07:08:24

标签: javascript time background clock

使用以下脚本,我可以根据一天中的时间更改正文背景。但是,我想改变它只是影响身体,成为一个类,所以我可以有多个对象改变他们的背景而不是一个。有什么建议吗?

<script type="text/javascript">
$('body').css('background-image', function(){

var url, hour = new Date().getHours();
if (hour > 7 && hour < 20) {
  return 'images/bg_daytime.png';
 } else {
  return 'images/bg_nighttime.png';
 }
});
</script>

1 个答案:

答案 0 :(得分:0)

简单。尝试;

<script type="text/javascript">
$('.your_class').css('background-image', function(){
var url, hour = new Date().getHours();
if (hour > 7 && hour < 20) {
  return 'images/bg_daytime.png';
 } else {
  return 'images/bg_nighttime.png';
 }
});
</script>