まだなにもない空間:IndexJavaScript実験場 Top>時刻の利用 4a
*

JavaScript実験場

時刻の利用 -時刻表示テンプレート 1-

Index

JavaScript実験場 Topに戻る

完成形ソース

formを利用した時刻を表示するページのテンプレートです。 下記ソースをテキストエディタなどにコピー&ペーストして、HTMLとして保存すれば、時刻表示のスクリプトを実装したページを作成できます。 特にカスタマイズする箇所はないと思います。 不必要な表示を排除したい場合は、その部分に関する変数などをすべて削除してください。

完成形ソース
<html>
<head>
 <title>時計(form式)</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.f1.b1.value=ntime;
 setTimeout("clok()",1000);
}
//-->
</script>
</head>
<body onLoad="clok()">

<form action="" name="f1" id="f1">
<input type="text" name="b1" id="b1" size="20">
</form>

</body>
</html>
テンプレート(DOM)
ご意見・ご感想・ご質問・お気付きの点などについては、下記連絡先までお寄せください。
連絡先:ki_ng@mail.goo.ne.jp
inserted by FC2 system