Question

我希望根据一天中的时间显示3个不同的背景图像：一个用于早上4点到12点，一个用于下午从上午12点到下午6点，一个用于晚上从下午6点到下午4点。我使用json服务器获取时区等... 我试过这个但是没有正常工作：

$(document).ready(function(){
      var timezone = "Europe/London";
      $.getJSON("http://json-time.appspot.com/time.json?tz="+timezone+"&callback=?",
        function(data){
           if ((data.hour > 4) && (data.hour < 12)) {
              $('body').css("background-image", "url('dawn.jpg')").css('background-repeat', 'no-repeat');
          } 
          else if ((data.hour < 4) && (data.hour > 18)){
            $('body').css("background-image", "url('night.jpg')").css('background-repeat', 'no-repeat');
          }
          else if ((data.hour > 12) && (data.hour < 18)){
            $('body').css("background-image", "url('afternoon.jpg')").css('background-repeat', 'no-repeat');
          }

        });
      });

我应该检查一下时间范围，但我不知道该怎么做。

任何解决方案？

非常感谢：）

Answer 1

我在代码中看到的唯一问题是，在某些情况下，您应该使用＆lt; =和＆gt; =而不是＆lt;和＆gt;。从4,12,18开始的小时数不包括在内。

jQuery，我该如何检查时间范围？

1 个答案: