- このスクリプトはフォームのテキストボックスに現在の時刻を表示します。
また更にリアルタイムで時刻を随時更新していきます。
-
- 〜 JavaScript 〜
<SCRIPT language="JavaScript">
<!--
var timeID;
function frmClock(){
dateObj = new Date();
document.frmSample.txtSample.value =
dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds()+":";
clearTimeout(timeID);
timeID = setTimeout('frmClock()',1000);
}
//-->
</SCRIPT>
|
- 〜 HTML (抜粋) 〜
<body onLoad="frmClock();" >
<form name=frmSample><input type=text name=txtSample></form>
|
- このページがロードされた時点でfrmClock関数が起動されます。
- <body onLoad="frmClock();" >
- Dateオブジェクトを生成します。DateオブジェクトとはJavaScriptで時刻や日付を扱うためのオブジェクトになります。
- dateObj = new Date();
- この関数でテキストボックスに現在の時刻を整形して表示しています。
- document.frmSample.txtSample.value =
dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds();
- 関数内で１秒毎にタイマーを発生させて自分自身を再度呼び出します。
- timeID = setTimeout('frmClock()',1000);
| |