リアルタイムに時刻を表示する

説明

リアルタイムに時刻を表示するにはsetInterval()タイマーを使って時刻を表示する処理を呼び出します。setInterval()の最初のパラメータに定期的に行う処理を記述し、2番目のパラメータに定期的に呼び出す時間をミリ秒で指定します。ミリ秒なので1秒ごとに呼び出すのであれば1000を指定します。
JavaScriptテクニック ブック 　詳しい解説などはJavaScriptテクニック ブックを参照してください。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<h1>現在の時刻をリアルタイムに表示する</h1>
<p>現在の時刻：<span id="currentTime"></span></p>
</body>
</html>
window.onload = function(){
myClock.time();
setInterval("myClock.time()", 1000);
}
var myClock = {
time : function(){
var dateObj = new Date();
var h = dateObj.getHours();
var m = dateObj.getMinutes();
var s = dateObj.getSeconds();
document.getElementById("currentTime").innerHTML = h+"時"+m+"分"+s+"秒";
}
}