Javascript не загружается на страницу

Question

Я нашел несколько мест для ответа, но хотя я нашел людей с подобными проблемами, решения, которые они получили, не помогли мне с грустью.

У меня есть JS в моем заголовке, который не загружается при загрузке страницы. Тело запускает onload для функции ShowTime, но это тоже не работает, то же самое для document.ready. Я медленно расстраивался, поэтому я пришел сюда за помощью. Я тестировал его в jsfiddle, где он работает просто отлично, просто не в моем браузере.

Сценарий:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> 
    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); 
    </script> 

HTML:

<div id="countdown"></div> 

Любая помощь будет принята с благодарностью.

Answer 1

Это работает только вы закроете <script> неправильно

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
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); 
}); 
</script> 

Working Fiddle