７．画像を一定時間で切り替える
複数の画像をバナー広告みたいに次々と切り替えるスクリプトです。アニメーションGIFを使う必要がないので重くならないのと、後から差し替えができる、という利点があります。
<HTML>
<TITLE>bunnerGIF</TITLE>
<SCRIPT language="JavaScript">
<!--
imgNum=1;//（２）
function start(){
if(imgNum==1){document.img.src="risky1.jpg";imgNum=2;}//（３）
else if(imgNum==2){document.img.src="risky2.jpg";imgNum=3;}
else if(imgNum==3){document.img.src="risky3.jpg";imgNum=4;}
else if(imgNum==4){document.img.src="risky4.jpg";imgNum=5;}
else if(imgNum==5){document.img.src="risky5.jpg";imgNum=6;}
else if(imgNum==6){document.img.src="risky6.jpg";imgNum=7;}
else if(imgNum==7){document.img.src="risky0.jpg";imgNum=1;}
setTimeout("start()",1000);//（４）
}
//-->
</SCRIPT>
<BODY onLoad="start()">//（１）
<img src="risky0.jpg" name="img" width=64 height=64 border=0>
</BODY>
</HTML>
（説明）
ここではrisky0〜6.jpgに設定しています。
ページ読み込みと同時にまず（１）の「<BODY onLoad="start()">」のstart関数が呼び出され、スクリプトが実行されます。同時に（２）のimgNum変数に１が代入され、risky0.jpgが読み込まれます。
（３）の「if(imgNum==1){document.img.src="risky1.jpg";imgNum=2;}」では、ifで変数が１ならばimgのsrcをrisky1.jpgにして、imgNum変数に２を代入します。これにより、最初に設定していたrisky0.jpgがrisky1.jpgに変わります。
次に画像を切り替える間隔ですが、（４）のsetTimeout関数の「"start()",1000」を変えることによって時間が変わります。時間は１秒なら１０００（ミリ秒）というふうにミリ秒単位で設定します。（赤字の部分）
出力される画像は以下の通りです。
１枚目
risky0.jpg |
２枚目
risky1.jpg |
３枚目
risky2.jpg |
４枚目
risky3.jpg |
５枚目
risky4.jpg |
６枚目
risky5.jpg |
７枚目
risky6.jpg |
 |
 |
 |
 |
 |
 |
 |
（このサイトで使われていないワケ）
FTPでこのページをサーバーに送る前はちゃんと動いていたのですが、サーバーに送ったあとに動作確認をしたところ画像の読み込みが非常に遅いことが判明しました。みなさんが今見ている時点でそうなっていると思います。そのためこのサイトでは使用していません。
実行結果