JavaScriptを使って日を追うごとに画像を入れかえるには・・・

質問

JavaScriptを使ってこんなことができるのでしょうか？

例）ある会場におけるイベントの告知
　5月10日　×××コンサート（19時～22時）
　5月14日　自動車ショー（13時～19時）
　5月20日　就職合同説明会　（10時～18時）
というスケジュールがあったと仮定します。この告知用画像をそれぞれ150×150pixelで作っています。そこでWebサイトのトップページにこの会場で次に行われる行事の告知（告知用画像）を入れたいと思います。これを自動でやりたいと考えていて、上の例でいうと
(1)5月10日22時まではコンサートの告知が表示されるようにしていて
(2)22時以降～5月14日19時までにこのページを見ると自動的に自動車ショーの告知画像に変わって、
(3)さらに5月14日19時以降は就職合同説明会の告知画像に変わる
といったしくみをJavaScriptで作りたいのですが・・・

これってSSI（SSIをつかってCGIを作動させる）を使えば簡単にやれると思うのですが、トップページに採用するとなると、サーバーへの負担が大きいと思い、JavaScriptに解決策を求めたのですが、イマイチうまく作れません。時間ごとのメッセージ変更ではなく月・日・時といった要素が入ってきます。参考になるサンプルスクリプトでも構いませんので教えてください。

回答No.1

duckling · ベストアンサー

<script language="JavaScript">
<!--

var mydate = new Date();
var month = mydate.getMonth() + 1 ;
var day = mydate.getDate();
var hours = mydate.getHours();

var MySelect = month + "月" + day + "日" + hours + "時";

switch(MySelect){

case "5月10日19時":document.write(MySelect + 'です。<img src="１の画像.gif" alt="1">');break;
case "5月14日13時":document.write(MySelect + 'です。<img src="２の画像.gif" alt="2">');break;
case "5月20日10時":document.write(MySelect + 'です。<img src="３の画像.gif" alt="3">');break;

}

//--></script>

あとは自分で改造してください。