- このスクリプトはブラウザのステータスバーに現在の時刻を表示します。
また更にリアルタイムで時刻を随時更新していきますので、ブラウザの左下をご覧になって下さい。
- 〜 JavaScript 〜
<SCRIPT language="JavaScript">
<!--
var timeID;
function statusClock(){
dateObj = new Date();
status=
dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds();
clearTimeout(timeID);
timeID = setTimeout('statusClock()',500);
}
//-->
</SCRIPT>
|
- 〜 HTML (抜粋) 〜
|
<body onLoad="statusClock();" >
|
- このページがロードされた時点でstatusClock関数が起動されます。
- <body onLoad="statusClock();" >
- Dateオブジェクトを生成します。DateオブジェクトとはJavaScriptで時刻や日付を扱うためのオブジェクトになります。
- dateObj = new Date();
- ここでステータスバーに現在の時刻を整形した文字列を表示させています。
- status=
dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds();
- 関数内で０．５秒毎にタイマーを発生させて自分自身を再度呼び出します。
- timeID = setTimeout('statusClock()',500);
| |