人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptでの指定時間に画像切り替え方法についてご教授下さい。

お世話になります。
まず、私はJavaScriptは素人であります。
HTML、CSSの知識は多少あります。

◯やりたいこと
・画像5種類(リンク先は別)を指定した時間に切り替えたい
・指定する時間はこのように指定したいです → 2014/◯/◯ ◯◯:◯◯

◯例
・gazou1.jpg(リンク先A) → 2014/11/20 10:00
・gazou2.jpg(リンク先B) → 2014/11/20 23:00
・gazou3.jpg(リンク先C) → 2014/11/22 15:00
・gazou4.jpg(リンク先D) → 2014/11/23 20:00
・gazou5.jpg(リンク先E) → 2014/11/25 09:00

皆様のお知恵を拝借させて頂けると幸いです。
お手数ですがどうぞ宜しくお願い致します。

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

質問者から

【補足です】
それぞれ、終了時間も同時に指定したいです。

【例】
表示開始→1時間で非表示→次の画像を表示


1 ● 匿名回答1号
var now = new Date().valueOf();
[
 {
 img: 'gazou1.jpg',
 href: 'リンク先A',
 start: Date.parse("2014/11/20 10:00"),
 end : Date.parse("2014/11/20 11:00")
 },
// ...
 {
 img: 'gazou5.jpg',
 href: 'リンク先E',
 start: Date.parse("2014/11/24 09:00"),
 end : Date.parse("2014/11/24 10:00")
 }
].forEach(function(v, i){
 if ( (v.start <= now) && (now <= v.end) ) document.write('<a href="' + v.href + '"><img src="' + v.img + '"></a>');
})

匿名質問者さんのコメント
ありがとうございます! このように表記したら良かったのですね。 ページ制作に活かすことができました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ