匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

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人5回まで
  • 13歳以上
  • 登録:2014/11/15 16:15:21
  • 終了:2014/11/22 16:20:03
匿名質問者

質問者から

匿名質問者2014/11/16 12:28:29

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

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

回答(1件)

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2014/11/15 18:46:03

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>');
})
匿名質問者

ありがとうございます!
このように表記したら良かったのですね。
ページ制作に活かすことができました。

2014/11/17 15:22:28

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません