title: 24 hour countdown script that hits 00:00 every day at 11:00
body: <p>I need a 24 hour countdown on my website that resets every day at 11:00 and after that starts 24 hour cycle again.</p>
  
  <p>I don't need this script to control anything, I just need it to be there for visitors to see, so when they visit for example at 10:00 the will see 1 hour left on the clock and live counting down in format: Hours, Minutes, Seconds
  And I need it to ignore clients time zone.</p>
  
  <p>I found similar answer, but there is 1 hour window and it resets after that, I need it to reset immediately, how can I edit it to meet my requirements?</p>
  
  <p>Here's what I found (this count to 21:00 then one hour window and than starts again):</p>
  
  <pre><code>var date;
  var display = document.getElementById('time');
  
  $(document).ready(function() {
      getTime('GMT', function(time){
          date = new Date(time);
      });    
  });
  
  setInterval(function() {
      date = new Date(date.getTime() + 1000);
  
      var currenthours = date.getHours();
      var hours;
      var minutes;
      var seconds;
      if (currenthours != 21){
          if (currenthours &lt; 21) {
              hours = 20 - currenthours;
          } else {
              hours = 21 + (24 - currenthours);
          }
          minutes = 60 - date.getMinutes();
          seconds = 60 - date.getSeconds();
  
          if (minutes &lt; 10) {
              minutes = '0' + minutes;
          }
          if (seconds &lt; 10) {
              seconds = '0' + seconds;
          }
  
          display.innerHTML = hours + ':' + minutes + ':' +seconds;
      } else { 
          display.innerHTML = 'LIVE NOW';
      }
  }, 1000);
  
  function getTime(zone, success) {
      var url = 'http://json-time.appspot.com/time.json?tz=' + zone,
          ud = 'json' + (+new Date());
      window[ud]= function(o){
          success &amp;&amp; success(new Date(o.datetime));
      };
      document.getElementsByTagName('head')[0].appendChild((function(){
          var s = document.createElement('script');
          s.type = 'text/javascript';
          s.src = url + '&amp;callback=' + ud;
          return s;
      })());
  }
  </code></pre>