jQuery, как я могу проверить временной диапазон?

Question

Я хочу отобразить 3 разных фоновых изображения в зависимости от времени суток: одно на утро с 4 до 12 утра, второе на полдень с 12 до 18 и одно на ночь с 18 до 16 Я использую сервер 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

Единственная проблема, которую я вижу с вашим кодом, заключается в том, что в некоторых случаях вы должны использовать <= и> =, а не <и>. Часы, начинающиеся с 4, 12, 18, не покрываются.