-PR-
解決済み

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

  • 暇なときにでも
  • 質問No.99381
  • 閲覧数81
  • ありがとう数0
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 20% (23/113)

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に解決策を求めたのですが、イマイチうまく作れません。時間ごとのメッセージ変更ではなく月・日・時といった要素が入ってきます。参考になるサンプルスクリプトでも構いませんので教えてください。
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.1
レベル10

ベストアンサー率 47% (88/185)

<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="1の画像.gif" alt="1">');break;
case "5月14日13時":document.write(MySelect + 'です。<img src="2の画像.gif" alt="2">');break;
case "5月20日10時":document.write(MySelect + 'です。<img src="3の画像.gif" alt="3">');break;

}

//--></script>

あとは自分で改造してください。
関連するQ&A
-PR-
-PR-
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


新大学生・新社会人のパソコンの悩みを解決!

いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ