03/16(Sun) 01:14
リアルタイム時刻表示
■(00.06.20)スタイルシートによる表示窓(フォームサイズ)の大きさ調整を追加
■(99.05.09)2000年対応ルーチンの追加
日付や時間の表示をサーバ側のSSI機能を利用して行う方法(ソフト工作室No.2にあります。)はご存じだと思います。この方法では、SSIを実行した時点の時間表示になってしまいます。
リアルタイムな時刻表示をJava Scriptで行ってみませんか?その方法は次のように行います。
- リアルタイム時刻表示用関数formClock()をヘッダー部に定義します。
- ページがロードされたら関数formClock()を実行するコマンドを記述します。
- 時刻表示したい任意の場所に表示用のフォームを記述します。
Java Scriptによるリアルタイム時刻表示のサンプルです。
■ リアルタイム時刻表示用関数formClock()をヘッダー部<HEAD>と</HEAD>の間に定義します。
表示内容の変更は下のサンプルを参考にして下さい。
- 2000年6月20日 6時10分30秒
document.formMyClock.myClock.value=year+"年"+(c.getMonth()+1)+"月"+c.getDate()+"日("+day[c.getDay()]+") "+c.getHours()+"時"+c.getMinutes()+"分"+c.getSeconds()+"秒";
- 2000/6/20 6:10:30
document.formMyClock.myClock.value=year+"/"+(c.getMonth()+1)+"/"+c.getDate()+"("+day[c.getDay()]+") "+c.getHours()+":"+c.getMinutes()+":"+c.getSeconds();
■ ページがロードされたら関数formClock()を実行するコマンドを<BODY>タグの中に記述します。
■ 時刻表示したい任意の場所に表示用のフォームを記述します。
■表示窓(フォームサイズ)の大きさを以下の方法で調整します。
- IEのサイズはstyle="width:215px"の215pxで
- NCのサイズはSIZE="31"の31で
それぞれのブラウザで実際に表示してみて値を決めて下さい。
■フォーム名formMyClock、INPUT名myClockは関数formClock()中のdocument指定と対応してますので、もしこの名前を変更する時は関数の方の名前も同じに変更します。
|