title: Clock in different time zones
body: <p>I am trying to create two clocks on a website that says two times on it. One from London and the other from New York.</p>
  
  <p>I have been able to create a clock that reads the current time on my computer but i'm not sure how to place a time zone into this.</p>
  
  <p>The code I have so far is:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript"&gt;
  
  function renderTime() {
      var currentTime = new Date();
      var diem = "AM";
      var h = currentTime.getHours();
      var m = currentTime.getMinutes();
      var s = currentTime.getSeconds();
  
      if (h == 0) {
          h = 12
      } else if (h &gt; 12) {
          h = h - 12;
          diem = "PM";
      }
  
      if (h &lt; 10) {
          h = "0" + h;
      }
  
      if (m &lt; 10) {
          m = "0" + m;
      }
  
      if (s &lt; 10) {
          s = "0" + s;
      }
  
      var myClock = document.getElementById ("clockDisplay");
      myClock.textContent = h + ":" + m + ":" + s + " " + diem;
  
      setTimeout ('renderTime()', 1000);
  }
  renderTime();
  &lt;/script&gt;
  </code></pre>
  
  <p>This is being applied to a CSS style I have created so I can have the clock in a specific typeface.</p>