JavaScript サンプル：『画面上に時計を作ってみる』

コード

function setWatch(){
	var now = new Date();
	var nowH = now.getHours();
	var nowM = now.getMinutes();
	var nowS = now.getSeconds();
	if (nowH < 10) { nowH = "0" + nowH; }
	if (nowM < 10) { nowM = "0" + nowM; }
	if (nowS < 10) { nowS = "0" + nowS; }
	now = nowH + ":" + nowM + ":" + nowS;
	document.form1.text1.value = now;
	setTimeout("setWatch()",1000);
}

<BODY onLoad="setWatch()">
<FORM name="form1">
<INPUT type="text" name="text1" size="8" readonly>
</FORM>
</BODY>

解説＆ステップアップ

「getHours()」「getMinutes()」「getSeconds()」は、それぞれ日付型オブジェクトから「時・分・秒」を取得する命令です。
<BODY onLoad="setWatch()">としてページ読込み時に、この関数を呼び出してやります。
「setTimeout(処理,間隔)」は、間隔（単位は1000分の1秒）後に指定した処理を行います。
このようにテキストボックスなどに表示させたりする場合は、フォームやテキストボックスに名前をつけてやる必要があります。
（「readonly」属性はオマケです。これを記述しておくと、IE(確認ver.5.0)に限りテキストボックスの入力ができなくなります。）