現在の時刻を表示する

説明

現在の時刻を読み出すにはDateオブジェクトを生成します。Dateオブジェクトは生成された時点での時刻情報であり、リアルタイムに変化することはありません。リアルタイムに時刻情報を取得する場合には、毎回Dateオブジェクトを生成する必要があります。
　生成されたDateオブジェクトから時刻情報を読み出すには表1に示す各種メソッドを利用します。

表1
getHours()時を取得
getMinutes()分を取得
getSeconds()秒を取得
getMilliseconds()ミリ秒を取得

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(){
var dateObj = new Date();
var h = dateObj.getHours();
var m = dateObj.getMinutes();
var s = dateObj.getSeconds();
document.getElementById("currentTime").innerHTML = h+"時"+m+"分"+s+"秒";
}