日時に関する情報を取得

Index

　　Date オブジェクトのメソッドを使用して、日時に関する情報を表示してみました。

【例】

　　<SCRIPT TYPE="text/JavaScript">
　　<!--
　　var Youbi = new Array(7);　　　　// (1)
　　Youbi[0] = "日";
　　Youbi[1] = "月";
　　Youbi[2] = "火";
　　Youbi[3] = "水";
　　Youbi[4] = "木";
　　Youbi[5] = "金";
　　Youbi[6] = "土";
　　function Time()
　　{
　　　　var msg, year, month, date, day, hour, min, sec;
　　　　Now = new Date();　　　　// (2)
　　　　year = Now.getYear();
　　　　month = Now.getMonth() + 1; // 0〜11 が返るので +1 しています。
　　　　date = Now.getDate();
　　　　day = Now.getDay();
　　　　hour = Now.getHours();
　　　　min = Now.getMinutes();
　　　　sec = Now.getSeconds();
　　　　msg = year + "年" + month + "月" + date + "日" + "("
　　　　　　+ Youbi[dayt] + ")" + "\n" + hour + "時"
　　　　　　+ min + "分" + sec + "秒"
　　　　document.tm.val.value = msg;
　　　　setTimeout( "Time()", 1000);　　// (3)
　　}
　　//-->
　　</SCRIPT>

　　<FORM NAME="tm">
　　　　Time Information<BR>
　　　　<TEXTAREA NAME="val" ROWS="2" COLS="20">
　　　　</TEXTAREA>
　　</FORM>
　　<SCRIPT TYPE="text/JavaScript">
　　<!--
　　Time();
　　//-->
　　</SCRIPT>
【解説】

　(1) getDay メソッドが数値( 0〜7 )で曜日を返すので、曜日を日本語で表示するた
　    めに配列を用意しました。
　(2) 新しい now という名の Date オブジェクトの作成。
　(3) 1000ms ごとに、Time() を実行します。

　Date オブジェクトはいろいろと応用できると思います。たとえば、時間ごとにメッ
　セージを変えているページなどをよく見かけますが、あれはおそらく getHours で時
　間を取得して、行っているのではないでしょうか。
【実行結果】

Time Information