• ベストアンサー

Javascriptで時間帯別に画像を変えるには

HPを作っていて、「時間帯別に画像を変える」 Javascriptを探して、打ってみたのですが、 正常に動作しませんでした。 時間帯が4段階しか無かったため、 24回に増やしたからだと思います。 どうすればいいでしょうか? P.S.できれば、元々24回になっているタグが 良いです。

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

  • ベストアンサー
  • osamuy
  • ベストアンサー率42% (1231/2878)
回答No.1

この手の仕組みは、 1) 現在時刻を取得する。 ex. t = new Date(); 2) 時間帯に変換。 ex. k = t.getHours() / 4; 3) 画像URLを生成。 ex. uri = 'images_timezone' + k + '.png'; 4) 画像オブジェクトのソースURLを書き換え。 ex. document.images['timezone'].src = uri; ――って感じですので、2)と3)あたりのロジックを適切に修正すれば良いかと。

関連するQ&A

  • 【JavaScript】FireFoxで画像の角度変更

    ボタン押下するたびに、画像を90度→180度→270度→戻るという風に 角度変更処理をしたいと考えています。 そこで以下の様なJavaScriptで画像をPタグで囲んだエリア"AREA"をDXImageTransform.Microsoft.BasicImageで角度変更を行いました。 =============================================== document.getElementById("AREA").style.filter = "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" =============================================== IEでは正常でしたが、FireFox3.0では動作しませんでした。 progid:DXImageTransform.Microsoft.BasicImageはFireFoxは動作しないのでしょうか? そうであれば、FireFoxで動作可能な方法をお教え頂けないでしょうか?

  • JavaScriptを使って、時間帯ごとに・・・

    あるサイトを運営していて、とても教えていただきたいです。 JavaScriptを使えば、時間帯によってちがうメッセージを表示することが可能ですよね、 そのことで、それにタグを使うことは出来ないでしょうか? そもそも、朝、昼、晩、深夜と分けてユーチューブの動画を配信したいと思っています。でも4回も更新できなくて、1日1回で4回分の更新(?)が出来るようにしたいです。 つまり、自分で更新せずに動画を4回に分けて放送したいです どうか、よろしくお願いします。JavaScriptで何とかなりませんか? 質問文下手ですいません・・・

  • JavaScriptが動かない~。

    JavaScriptを使って 別ウィンドを開いたり、トップメニューを 開くたびに違う画像を表示できるように HPをつくりました。 ホームページビルダーで動作確認したときは きちんと動くのに、 実際にサーバーにアップロードすると 全く動作しなくなってしまい、 ほんとに困っています。 PC初心者なため、どこが悪いのか全然わからないんです。助けてくださ~~い。 よろしくお願いします。

  • JavaScriptで別ウィンドウを開く方法を教えてください。

    いつも、ブログを作成していて、 別ウィンドウで開くリンクは target="_blank"を 使っていました。 でも、JavaScriptだと使えないことがわかりました。 JavaScriptではどのようなタグをどこに使えば 別ウインドウになるのでしょうか? 色々調べたのですが、わかりませんでしたので、 どなたかわかる方、教えていただけませんか? よろしくお願いいたします。

  • JavaScriptがうごかないのはどうして?

    こんにちは。 店のHPを作っています。 2つあるうちの一つに簡単な入場規制をかけようと、 「あなたは~ですか?」のポップアップ画面をつける事にしました。 知人のHP作成の仕事をしている人にJavaScriptを書いてもらって 設置して見たのですが,どうも上手く動作しないのです。 そのHPのトップ画面は2つのフレームに分割してあるのですが, 最初に間違えて「index.htm」につけるべきJavaScriptを その2つに分割されているフレームのひとつの方につけてしまったのですが、 そのときは動いたのです。 でもそうすると,その分割されたフレームの右側だけ変わってしまい それはいかんということで「index.htm」につけたのですが、 すると動作しなくなってしまったのです。 なのでタグは間違っていないはずなのですが, なにがおかしいのでしょう? トップページでそういう選択のポップアップ画面を出すなら 「index.htm」にJavaScriptをつければ良いはずですよね? それを作ってくれた知人も「どうしてかわからない」と言ってて。 わかる方よろしくお願いします。

  • 一定時間で変わる画像・・・

    javaScriptで一定時間で画像を更新するのを作ったのですが、HPを表示する時「セキュリティ保護のため・・・」という情報バーが出てきます。 広告画像などで一定時間で画像が変わるものもHPにあるのですが、その場合は情報バーは出ません。 何故でしょう? javaScriptで作った場合は絶対にこの情報バーが出てしますのですか?

  • Javascriptで画像の大きさを%指定したい

    imgタグで、画像の大きさをwidth="50%"と元の大きさを基準に指定できます。 そしてJavaScript中で   window.event.srcElement.width = 123 として、大きさを指定できますが、JavaScript中で   window.event.srcElement.width = "50%" とすると失敗します。 JavaScript中にて、パーセントで指定できないのでしょうか。

    • ベストアンサー
    • HTML
  • javascriptで来訪者のcookiを利用し、

    javascriptで来訪者のcookiを利用し、 訪問回数によってhtmlの<p>タグ中の表示を変えたいのですがソースを教えていただくことは出来ますでしょうか? javascript初心者のために直接htmlに埋め込む形式でいただけたら大変ありがたく思います。 下記が具体例となります。 ある、<p>タグの一部分で 1回目来訪時にはあああああああと表示の部分と かかかかかかの表示の部分(別々の<p>タグ中で表示) 2回目来訪時にはいいいいいいいと表示 ききききききの表示の部分(別々の<p>タグ中で表示) 3回目来訪時以降はううううううと表示 くくくくくく表示の部分(別々の<p>タグ中で表示)

  • JavaScriptで画像をパクれなくする方法教えてください。

    http://www.hangame.co.jp/ のI-SHOPのように、画像のURLを表示しなかったり、 タグをみても、URLを抜けないJavaScriptを教えてください。 説明不足だと思うので、細かく聞いてくださいw おねがいします

  • javascriptで画像を切り出して保存

    javascriptで画像を切り出して保存 javascriptで画像の一部分を切り出して、別ファイルとして 保存することは可能でしょうか?