|
|
|
|
document.write( )で出力したHTMLは、リロードしない限り変えることはできません。 そこで、フォームのテキスト入力欄にテキストを出力し、一秒ごとにタイムアウト処理で更新します。 |
<body onLoad="Clock()" onUnload="clearTimeout(tid)"> <SCRIPT LANGUAGE="JavaScript"> <!-- document.write("現在の時刻は、<br><FORM METHOD=\"post\" name=indicator> <INPUT NAME=\"TIME\" SIZE=12></FORM>") function Clock() { document.indicator.TIME.value = ima_nanji() tid = setTimeout('Clock()', 1000) } function ima_nanji() { now = new Date() hour = now.getHours() min = now.getMinutes() sec = now.getSeconds() if (hour < 12) { ampm = "AM" }else{ ampm = "PM"; hour = hour - 12 } if (min < 10) { min = "0" + min } if (sec < 10) { sec = "0" + sec } return ampm + " " + hour + ":" + min + ":" + sec } Clock() //--> </SCRIPT>
フォームとテキスト入力欄にnameオプションで名前を付けておきます。テキストを出力するにはフォームオブジェクトを参照して、document.(フォーム名).(入力欄名).value = (出力したいテキスト)とします。
赤字の部分はタイムアウト処理です。Clock() という関数を1000ミリセカンド(=1秒)後に再び実行させます。
実際は、関数の実行にも時間がかかるので、もう少し小さい値を入れた方がいいかもしれません。
関数 ima_nanji() では、時刻文字列を作っています。
<body>タグの指定ですが、読み込み後に時計を始めるため、 onLoad="Clock()"、タイムアウト処理は他のサイトに行ったときなどは続けても意味がないので、onUnload="clearTimeout(tid)"と入れておきます。
[★高収入が可能!WEBデザインのプロになってみない?!
自宅で仕事がしたい人必見!
]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]
FC2 | キャッシング 花 | 出会い 無料アクセス解析 | |