現在の時刻により演奏するBGMを変える


動作ブラウザ 【 IE:3.0  NN:2.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows - - -
Macintosh - - -
UNIX - - - - - - - -
Dreamcast - - - - - - - - - - -

ポイント BGM = new Array("hr0.mid","hr6.mid","rs1.mid","px3.mid","rs2.mid"); soundNo = (new Date()).getHours() % BGM.length; document.write("<embed src='",BGM[soundNo],"' autostart='true' volume='40' width='144' height='60' loop='false' controls='console' type='audio/midi'>");
説  明 時間ごとに演奏する音楽を変えるには、あらかじめ配列に時間帯別に演奏する音楽のファイル名を入れておきます。new Date()でDateオブジェクトを作成しgetHours()で現在の時間を取得しBGM[現在時刻]として時間をキーにして配列内に格納されているファイル名を読み出します。読み出したファイル名をdocument.write()でembedタグごと書き出します。
サンプル <html> <head> <title>現在の時刻により演奏するBGMを変える</title> </head> <body bgcolor="white"> <script language="JavaScript"><!-- BGM = new Array("hr0.mid","hr6.mid","rs1.mid","px3.mid","rs2.mid"); soundNo = (new Date()).getHours() % BGM.length; document.write("<embed src='",BGM[soundNo],"' autostart='true' volume='40' width='144' height='60' loop='false' controls='console' type='audio/midi'>"); // --></script> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA