title: Javascript not starting on page load
body: <p>I've looked several places for an answer, but even though I've found people with similar problems, the solutions they got did not help me sadly.</p>
  
  <p>I have a JS in my header, that wont load when the page loads. The body is running an onload for the function ShowTime but that doesn't work either, same for the document.ready. Im slowly getting frustrated, so I came here for help. I've tested it in jsfiddle where it works just fine, just not in my browser.</p>
  
  <p>The script:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;   
      function ShowTime() 
          {
              var now = new Date();
              var hrs = 15-now.getHours();
              var mins = 60-now.getMinutes();
              var secs = 60-now.getSeconds();
              timeLeft = "" +hrs+' hours '+mins+' minutes '+secs+' seconds';
              $("#countdown").html(timeLeft);
          }
  
          var countdown;
          function StopTime() 
          {
              clearInterval(countdown);   
          }
  
          ShowTime();
          var countdown = setInterval(ShowTime ,1000);
      &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="countdown"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated. </p>