時計でjavascript関数を繰り返す方法

Question

私はちょうどjavascriptを学び始めています。私は自分の時計ウィジェットを作ろうとしています。 "ourDate.toLocalString（）"を使用すると、関数が呼び出されたときと同じように時刻が表示されるように見えます。だから私は、それが現在の時間を継続的に維持するために、1秒ごとに機能を連続して繰り返さなければならないと考えました。しかし、私が持っている問題は、私がスクリプトを起動するときに、関数を1回だけ繰り返すことです。私は間違って何をしていますか？

function updateclock(){ 
ourDate = new Date(); 
document.write(ourDate.toLocaleString()); 
} 

function startclock() { 
updateclock(); 
setInterval("updateclock()", 1000); 
} 

Answer 1

あなたが代わりにこれをしたい：

setInterval(updateclock, 1000); 

Answer 2

問題がdocument.writeある以下のコードです。ドキュメントを読み込んだ後に呼び出すと、（startclock関数を含む）は、もはや呼び出すことができないドキュメント全体を上書きします。

更新代わりにHTML要素の内容：

<div id="clock"></div> 
<script type="text/javascript"> 
function updateclock(){ 
    ourDate = new Date(); 
    document.getElementById("clock").innerHTML = ourDate.toLocaleString(); 
} 

function startclock() { 
    updateclock(); 
    setInterval(updateclock, 1000); 
} 
startclock(); 
</script> 

http://jsfiddle.net/Ys87F/

また：setInterval（またはsetTimeout）に文字列を渡さない、代わりに関数名を渡します。