曜日によって画像を変更しよう！

Index

ホームページのタイトル画像などを，時間帯や曜日ごとに，変更するようなページを作るために，例として，ここでは曜日によって表示する画像を変更するプログラムを作成してみた．

［例］

	<SCRIPT LANGUAGE="JavaScript">
	<!--
	function ChngPic(){		//画像変更関数
		var i = new Date();		//(1)
		var D = new Array( "日" , "月" , "火" , "水" , "木" , "金" , "土" );
		document.write( "<CENTER><B>", D[i.getDay()] , "曜日の画像は，</B></CENTER>");
		document.write( "<CENTER><IMG SRC='../img/btn" , i.getDay() , "0.gif' BORDER=0></CENTER>" );	//(2)
		document.write( "<CENTER><B>です</B></CENTER>");
	}
	ChngPic();		//曜日ごとの画像を選択し表示します．
	//-->
	</SCRIPT>

【解説】

(1)新規にiという名のDateオブジェクトを生成．
(2)オブジェクトi（Dateオブジェクト）にgetDayメソッドで曜日を取得（0〜6の数値が返ります．日曜日が0．）．そして，その曜日に対応した画像を出力します．画像ファイルネームをm0.gif，m1.gif，m2.gif，・・・，m6.gifなどとしておくとプログラムで扱いやすくなります．

【実行結果】

ちなみに各曜日ごとの画像を示すと以下のようになります．

1998(C) Motonari Morikawa