爲什麼不運行在括號中我的js代碼？

Question

<script> 
    window.onload = function() { 
     'use strict'; 
     function colorClock() { 
     'use strict'; 
     var date = new Date(); 
     var hour = date.getHours(); 
     var min = date.getMinutes(); 
     var sec = date.getSeconds(); 

     if (hour < 10) { 
      hour = '0' + hour; 
     } 

     if (min < 10) { 
      min = '0' + min; 
     } 

     if (sec < 10) { 
      sec = '0' + sec; 
     } 

     var clockFace = hour + ':' + min + ':' + sec; 

     document.getElementById('clock').innerHTML = clockFace; 
     } 
    }; 
    </script> 

這是我的js代碼... 它必須在窗口中顯示時間。

爲什麼它不括號內工作，如果我在的.html的ÍheadY部分JS文件鏈接。

它在JSBin工作正常。

Answer 1

創建後調用函數：

... 
    } 

    colorClock(); 
}; 
</script> 

注：我定義函數的window.onload功能外，然後調用它在onload塊中，像這樣：

function colorClock() { 
    var date = new Date(); 
    var hour = date.getHours(); 
    var min = date.getMinutes(); 
    var sec = date.getSeconds(); 

    if (hour < 10) { 
     hour = '0' + hour; 
    } 

    if (min < 10) { 
     min = '0' + min; 
    } 

    if (sec < 10) { 
     sec = '0' + sec; 
    } 

    var clockFace = hour + ':' + min + ':' + sec; 

    document.getElementById('clock').innerHTML = clockFace; 
} 

window.onload = function() { 
    colorClock() 
};