ページが表示されるたびにBGMをかえてみよう
表示の例
 更新ボタンを押すと、このページを再読み込みしますが、そのたびにBGMがかわります。
プログラムAのソースをコピーして、HTMLソースのBODY区間に貼り付けしましょう。できるだけ上のほうがいいので、<body>タグのすぐ下あたりに貼り付けましょう。
プログラムAのソース
<SCRIPT LANGUAGE="JavaScript"> 
<!--
BGM=new Array(5);
BGM[0]="midi/everytimei.mid";
BGM[1]="midi/today.mid";
BGM[2]="midi/skyhigh.mid";
BGM[3]="midi/town.mid";
BGM[4]="midi/6miles.mid";
MyBGM=Math.floor(5*Math.random());
if (document.all){
document.write('<BGSOUND SRC="'+BGM[MyBGM]+'" LOOP="infinite">');
}else{
document.write('<EMBED SRC="'+BGM[MyBGM]+'" AUTOSTART="true" LOOP="true" HIDDEN="true" TYPE="audio/midi">');
}
//-->
</SCRIPT>
プログラムAの BGM[0] から BGM[4] に、BGM用のファイル名が書いてあります。この例では5つの .mid ファイルが不特定に選ばれます。
BGM[0]="midi/everytimei.mid"; などの midi/everytimei.mid をあなたの使いたいBGMのファイル名にかえてください。
例では BGM[0] から BGM[4] まで、5つのBGMファイルが設定してあります。もしBGMファイルの数を増やすなら、BGM[5] 、BGM[6] 、というようにソースの追加をしてください。その場合には、プログラムAのソースの BGM=new Array(5); と MyBGM=Math.floor(5*Math.random()); のところの 5 をBGMファイルの数にかえてください。
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。
5・6年生にもわかるやさしいJavaScriptのTOPへ