javascript - 基于时间的图像类更改

Question

使用以下脚本，我能够根据一天中的时间更改身体背景。但是，我想把它从只影响身体改变为一个类，所以我可以让多个对象改变它们的背景，而不仅仅是一个。有什么建议么？

<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>

Answer 1

简单的。尝试;

<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>