現在時刻を表示

【Source Code】
<script type="text/javascript">
id = 0;      //Interval のID

//Start ボタンがクリックされたとき
function starts()
{   clearInterval(id);
    id=window.setInterval("upDate()",1000);
}
//Stop ボタンがクリックされたとき
function stop()
{   clearInterval(id); 
}
//starts() から setInterval() で呼び出される
function upDate()
{   var str = '現在時刻:' + (new Date()).toLocaleTimeString();
    document.getElementById("str").textContent = str;
}
</script>
</head>

<body>
<div id="str">現在時刻を表示</div>
<form name="Ctrl">
    <input type="button" value="START" onClick="starts()">
    <input type="button" value="STOP" onClick="stop()">
</form>

div の id="str" が現在時刻を表示する領域です。
form の START ボタンをクリックすると starts() 関数を呼び出します。
form の STOP ボタンをクリックすると stop() 関数を呼び出します。
<div id="str">現在時刻を表示</div>
<form name="Ctrl">
    <input type="button" value="START" onClick="starts()">
    <input type="button" value="STOP" onClick="stop()">
</form>

starts() 関数で時刻の表示を開始します。
1000 ミリ秒が "upDate()" 関数を呼び出す間隔です。
function starts()
{   clearInterval(id);
    id=window.setInterval("upDate()",1000);
}

stop() 関数で時刻の更新を停止します。
//Stop ボタンがクリックされたとき
function stop()
{   clearInterval(id); 
}

starts() 関数から呼び出されて、時刻を表示する upDate() 関数です。
div の id="str" の領域に現在時刻を表示します。
function upDate()
{   var str = '現在時刻:' + (new Date()).toLocaleTimeString();
    document.getElementById("str").textContent = str;
}

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)