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> 

注：

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() 
};