- このスクリプトはページにアクセスされた時刻によって異なった画像ファイルを表示します。
-
- 〜 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',
'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.getHours()],'">');
//-->
</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>タグを出力します。
- document.write('<img src="',strArray[dateObj.getHours()],'">');
| |