- ベストアンサー
リアルタイム時間表示について
現在の時間（リアルタイム表示）を表示したいのです。formや画像、ステータスバーを使用するのではなく document.writeを使用して表示する方法を教えてください。どうしてもリアルタイムにならないし、エラーになってできません。 Javascriptは外部ファイルにまとめたいので、関数にしてHTMLに読み込みたいと思っています。教えてくださいm(__)m
- nawa_chan
- お礼率51% (14/27)
- JavaScript
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (2)
document.write()を使って書き出すのは、このケースではあまり適切な方法ではないのではないでしょうか。 DHTML的手法を使用して、特定の要素に書き出されているHTMLの内容をJavaScriptから書き換えるのが良いと思います。 ソースに関しては、過去に同じような質問に回答した時の使いまわしですが、 function jikoku() { if (document.getElementById){ now = new Date(); hr = now.getHours(); min = now.getMinutes(); sec = now.getSeconds(); hr = hr.toString(); min = min.toString(); sec = sec.toString(); if (10>hr){hr = " "+hr;} if (10>min){min = "0"+min;} if (10>sec){sec = "0"+sec;} ntime=hr+":"+min+"\'"+sec+"\""; ntime=ntime.replace(" "," \;"); document.getElementById("clock").innerHTML= ntime; setTimeout("jikoku()", 1000);} } 以上をスクリプトファイルの内容に記述して、HTMLの方は時刻を表示したい部分に <span id="clock"></span> ないし <div id="clock"></div> として、さらに<body>の開始タグに「onClick="jikoku()"」と入れれば動作してくれると思います。 ただ、閲覧側のブラウザのJavaScriptとDOMの実装によって動作するかどうかが分かれます。 上のスクリプトではIE5.x以降と、Netscape6以降でなら動作すると思います。 参考になれば幸いです。
補足
お返事ありがとうございます。 やってみました。できましたm(__)m ただ、どうして document.writeは適切な方法ではないんでしょうか？理由はわからないのですが、きっと適切でないから、いろんな作例に載っていないのですね。 なお、innerHTMLだとNeでは作動しないのですね。 もしよかったら、document.writeは適切ではない理由を教えてくださいm(__)m
- yassan_yassan
- ベストアンサー率23% (15/65)
↓ココのソースをコピペしたらいいんじゃないですか？(笑) JavaScriptはちょっと検索すれば時計でも何でもいっぱい見つかりますよ～(^^)
お礼
このサイト気に入りました。もちろん「お気に入り」にも登録しました。ありがとうございました。
補足
参考になりました。 確かに載っていました。 他の面でも勉強になることがいっぱいありました。 どうもありがとございます。
お礼
いつもありがとうございます。 いろいろと、勉強になりました。 まだまだ、Javascriptは勉強することが多く悩める毎日です。本当にありがとうございました。