title: Change 3 background Images based on current time in 3 locations
body: <p>I have 3 images on a page, each needs to change to reflect the time (day or night) in that location. </p>
  
  <p>I have got it so if it is between 7pm &amp; 7am in each timezone the images change to night, but I want it so if in UK after 7pm the UK image is night but the New York &amp; LA image is still day, as it would be in that location...</p>
  
  <p>This is my current code:</p>
  
  <pre><code>    $(document).ready(function(){
       setInterval(function() {
          var hour = new Date().getHours();
          if (hour &gt; 7 &amp;&amp; hour &lt;= 19) {
              // morning
              $('.contact').addClass('day');
          } else {
              // night
              $('.contact').addClass('night');
          }
          }, 1000);
      });
  </code></pre>
  
  <p>Is this possible just using jQuery?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;section&gt;
          &lt;article class="col-1-3 contact one"&gt;
              &lt;h2&gt;London&lt;/h2&gt;
              &lt;div class="col-1-2 address one"&gt;
                  &lt;address&gt;
                  3rd Floor&lt;br/&gt;
                  9 Chapel Place&lt;br/&gt;
                  London, EC2A 3DQ&lt;br/&gt;
                  &lt;a href="tel:+442078707414"&gt;+44 207 870 7414&lt;/a&gt;&lt;br/&gt;
                  &lt;a class="dir" href="" target="_blank"&gt;Get directions &gt;&lt;/a&gt;
                  &lt;/address&gt;
              &lt;/div&gt;
          &lt;/article&gt;
          &lt;article class="col-1-3 contact three"&gt;
              &lt;h2&gt;New York&lt;/h2&gt;
              &lt;div class="col-1-2 address three"&gt;
                  &lt;address&gt;
                  46F, 10&lt;br/&gt;
                  East 29th St&lt;br/&gt;
                  New York, 10016&lt;br/&gt;
                  &lt;a href="tel:+16317769772"&gt;tel:+1 631 776 9772&lt;/a&gt;&lt;br/&gt;
                  &lt;a class="dir" href="" target="_blank"&gt;Get directions &gt;&lt;/a&gt;
                  &lt;/address&gt;
              &lt;/div&gt;
          &lt;/article&gt;
          &lt;article class="col-1-3 contact two"&gt;
              &lt;h2&gt;Los Angeles&lt;/h2&gt;
                  &lt;div class="col-1-2 address two"&gt;
                  &lt;address&gt;
                  4624 Cahuenga Blvd&lt;br/&gt;
                  Unit 302&lt;br/&gt;
                  Los Angeles, CA 91602&lt;br/&gt;
                  &lt;a href="tel:+12094109977"&gt;tel:+1 209 410 9977&lt;/a&gt;&lt;br/&gt;
                  &lt;a class="dir" href="" target="_blank"&gt;Get directions &gt;&lt;/a&gt;
                  &lt;/address&gt;
                  &lt;/div&gt;
          &lt;/article&gt;
          &lt;article class="col-1-1 copy" id="post-&lt;?php echo $page-&gt;ID; ?&gt;"&gt;
                  &lt;?php the_content(); ?&gt;
          &lt;/article&gt;
      &lt;/section&gt;
  </code></pre>