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ベストアンサー
- 回答日時:
<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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) マクロで設定時刻の入力がわかりません 2 2022/03/29 02:24
- 労働相談 労働時間が五、六時間 その弐 2 2023/04/04 12:36
- Excel(エクセル) エクセルでカレンダーを作りたい 5 2023/05/16 07:32
- Excel(エクセル) Excelの関数で可能でしょうか、日付や式の値の自動更新 4 2023/05/19 17:17
- 流行・カルチャー ファスト映画 どう思いますか? 4 2022/05/19 16:04
- ストレス 女性車掌が不機嫌な理由は何だと思いますか? 1 2022/09/09 21:28
- 駐車場・駐輪場 近所 私道迷惑駐車について 文面長くなります。 袋小路 私道 6件奥の右側に住んでいます。 イラスト 4 2022/11/12 02:28
- 片思い・告白 人数の少ないサークル内で好きな女子にアプローチしたいです。僕の考えがあってるかを判断してほしいです。 1 2022/08/31 15:33
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- アルバイト・パート 仕事について!! 皆様の意見聞かせてください。 コンビニのオーナーが変わり、1ヶ月経ちました。 シフ 2 2023/07/08 23:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
textareaに画像を表示したい
-
重なった画像にクリックイベン...
-
オンマウスで、画像切り替え+...
-
javaを使ってマウスオンでの画...
-
JavaScriptとチェックボックス...
-
1枚の画像をクリックすると複数...
-
javascriptテキストBOX色を元に...
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
【OpenCV】二値画像後、白の部...
-
jspでcssが読み込めない
-
C言語のポインタ表現
-
Slick.jsのオプションrtlについて
-
複数画像のランダム複数表示(...
-
getElementByIdの戻り値がnull...
-
jQueryでサーバー上のファイル...
-
キャラクターがぴょこんと飛び...
-
JavaScriptで変更した属性の元...
-
初期状態でテーブルの非表示
-
JQuery UIで、表示したタブの中...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
画像をフォルダに入れれば表示...
-
画像の重なりの順序を代える方...
-
スワップイメージが上手く動作...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
Gifアニメ、最後のコマに行った...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
1枚の画像をクリックして複数の...
-
各フォルダから1枚ずつ画像をラ...
-
画像を切り替えランダム表示
-
画像削除機能を付けたい
-
マウス追従スクリプトについて
-
画像ランダム表示、しかしダブ...
-
<table>、もしくは<iframe>内で...
-
1枚の画像をクリックすると複数...
-
画像とテキストのセットをラン...
おすすめ情報