リアルタイムに時計を表示するときのsetIntervalについて

解決済

質問者：nyalio
質問日時：2008/05/23 11:51
回答数：1件

いつもお世話になっています。
いつも以上に稚拙な質問で申し訳ないのですが、ご助力願います。

<html>
<head>
<script type="text/javascript">

</script>
</head>
<body>
<div id="showTime"></div>
</body>
</html>

できるだけ<body onload="">を使いたくないので、window.onloadにしてあります。

イメージとしては、document.getElementById("showTime").innerHTMLでshowTimeに時間が表示され、setIntervalで再度disptimeが呼ばれ、という無限ループになればよいと考えてこのソースになりました。

ただ現状は、ロード時に時刻が表示され、そのまま動きません。
たぶんsetIntervalの場所とか使い方がおかしいような気がするのですが、どうもよくわかりません。

参考にしたサイトによってsetInterval("dispTime()"...だったり
setInterval("disptime"...だったりと記述がバラバラで、
ほとんどのところでは、body onload="setInterval("...とonload扱いでした。

body onloadは使わずに、1秒ごとに動く時刻表示をするには、どこを直せばよいでしょうか。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： _pipi_
回答日時：2008/05/23 12:02

<html>

<head>
<script type="text/javascript">
window.onload = function(){setInterval('dispTime()',1000);}
function dispTime(){
var today = new Date();
document.getElementById("showTime").innerHTML =
today.getFullYear() + "/" +
(today.getMonth()+1) + "/" +
today.getDate() + " " +
today.getHours() + ":" +
today.getMinutes() + ":" +
today.getSeconds();
}
</script>
</head>
<body>
<div id="showTime"></div>
</body>
</html>