- このスクリプトはページにアクセスされた月によって異なった画像ファイルを表示します。
-
- 〜 JavaScript 〜
<script language="JavaScript">
<!--
dateObj = new Date();
var strArray = new Array('gif/chggif/01.gif',
'gif/chggif/02.gif',
'gif/chggif/03.gif',
'gif/chggif/04.gif',
'gif/chggif/05.gif',
'gif/chggif/06.gif',
'gif/chggif/07.gif',
'gif/chggif/08.gif',
'gif/chggif/09.gif',
'gif/chggif/10.gif',
'gif/chggif/11.gif',
'gif/chggif/12.gif');
document.write('<img src="',strArray[dateObj.getMonth()],'">');
//-->
</script>
|
- Dateオブジェクトを生成します。DateオブジェクトとはJavaScriptで時刻や日付を扱うためのオブジェクトになります。
- dateObj = new Date();
- 配列にそれぞれの月に対応する画像ファイル名を格納します。
このときの画像ファイルは別に連番になっている必要はなく、単に<img>タグのsrcプロパティとして使用するだけのものです。
- var strArray = new Array('gif/chggif/01.gif','gif/chggif/02.gif',・・・'gif/chggif/12.gif');
- 現在の月を添え時にして、対応した画像ファイルを配列より参照して<img>タグを出力します。
getMonthメソッドは0〜11までの値を返します。1月→0、12月→11となりますので注意してください。
- document.write('<img src="',strArray[dateObj.getMonth()],'">');
| |