完成形ソース
DOMを利用した時刻を表示するページのテンプレートです。 下記ソースをテキストエディタなどにコピー&ペーストして、HTMLとして保存すれば、時刻表示のスクリプトを実装したページを作成できます。 スクリプト部分には、特にカスタマイズする箇所はないと思います。 不必要な表示を排除したい場合は、その部分に関する変数などをすべて削除してください。
完成形ソース
<html>
<head>
<title>時計(DOM利用)</title>
<script type="text/javascript">
<!--
// made by Ki_NG
function clok(){
now= new Date();
nhr=now.getHours();
nmin=now.getMinutes();
nsec=now.getSeconds();
if (10>nhr){nhr=" "+nhr;}
if (10>nmin){nmin="0"+nmin;}
if (10>nsec){nsec="0"+nsec;}
ntime=nhr+":"+nmin+"\'"+nsec+"\"";
document.getElementById("watch1").innerHTML=ntime;
setTimeout("clok()",1000);
}
//-->
</script>
</head>
<body onLoad="if (document.getElementById){clok();}">
<p>現在時刻 <span id="watch1">JavaScriptで表示しています</span></p>
</body>
</html>
時刻を表示させる部分の表示は、自由に設定することが可能です。 HTMLやスタイルシートなどを上手に調整すれば、見栄えのする表示にすることもできるでしょう。