日時に関する情報を取得

Index

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

【例】

	
	<FORM NAME="tm">
	今は<BR>
	<TEXTAREA NAME="val" ROWS=2 COLS=20></TEXTAREA><BR>
	です.
	</FORM>
	
	<SCRIPT LANGUAGE="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;
		var 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)

	}
	Time();
	//-->
	</SCRIPT>

【解説】

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

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

【実行結果】

Time Information


1998(C) Motonari Morikawa