• ベストアンサー

JAVAscriptで時間更新の制御

いつもお世話になっております。 また教えていただきたく思いましたのでよろしくお願いいたします。 JAVAscriptで毎日時間指定で、画像を更新するようなものがあればお教えいただけますでしょうか？ パーッと検索したんですが、出てこなかったのでぜひよろしくお願いいたします。

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

  • ベストアンサー
  • arexis
  • ベストアンサー率66% (66/99)
回答No.4

書いてるスクリプトにミスがあるかもしれませんが、「動かない」だけだと対処しようがないです。 エラーがでる？とか 画像が不明？とか、実際に使っているソースを貼るとか、何からの情報が無いと対処不能です。m(__)m 「私の画像の呼び出し方法が間違っているのですかね？」 実際の状態を見れない限りは、なんともこらえられないです。

hybrid138
質問者

補足

お返事が遅くなって大変申し訳ございません。 えっとそのまま貼り付けて、imgフォルダー内にあるcalenderのフォルダを選択させて読み込ませたはずなんですけども・・・。

その他の回答 (3)

  • arexis
  • ベストアンサー率66% (66/99)
回答No.3

説明に無い事は想像するしかないので２枚交換にしました。 『休日等も考慮に入れて』についても、質問者さんの言う所の『休日』と言う物が 土日を指すのか、祝祭日まで含めた物なのか、店の特定の休業日まで含めた物なのか？ も書いてもらわないと想像になります。。 あと、画像の内容(多分文章ですよね？)、これについてもわからないので、 『次回発送日○○日』と言う画像だと勝手に想像しておきます。 このサンプルは基本で土日が休みです。 それ以外の祝祭日、公休日などは自分でカレンダーを見て yasumi配列に入れ込んでください。 これなら盆や年末年始休みなど不特定の休みを追加するのにも便利でしょう。 <script type="text/javascript"> /* 特定曜日以外の 祝祭日・公休日を 月日の4桁で '' 囲んで配列に入れる */ yasumi = new Array('0114','0210','0320'); today = (new Date()).getTime(); limit = 0; GetNext(); /* 画像なら */ if(Day) document.write('<img src="./',Day,'.gif" >'); /* 文字なら */ if(Day) document.write('次回発送日',nextday); function GetNext(){ /* 10時にするなら 3600*14*1000 真ん中の数字が 24-指定時間 */ var tmp = new Date( today + 3600*13*1000); Year = tmp.getFullYear(); Month = tmp.getMonth() + 1; if( Month < 10 ){ Month = '0' + Month; } Day = tmp.getDate(); if( Day < 10 ){ Day = '0' + Day; } Week = tmp.getDay(); tmpday = '' + Month + Day; /* 特定日曜が Week==0 月曜がWeek==1 休みの曜日を設定 */ if( ( yasumi.toString() ).match( tmpday ) || Week == 0 || Week == 6 ){ today = today + 3600*24*1000; limit++; if(limit < 20){ GetNext(); }else{ Day = undefined; } }else{ nextday = Year + '/' + Month + '/' + Day; } } </script> 11時を過ぎると、次の営業日の日付の番号が呼ばれるようになります。 今が7日の昼12時なら 08 と言う番号の画像が呼ばれます。 01～31までの番号を名前にした画像を用意しておけばOKです。 このサンプルでは、画像のURIは『./番号.gif』になっています。 きちんとテストしてませんので、どこかにミスがあるかもしれません。

hybrid138
質問者

補足

ありがとうございます。 入れてみたんですけども動かないんですけども。 私の画像の呼び出し方法が間違っているのですかね？ あまり理解できてなくて申し訳ないです。

  • arexis
  • ベストアンサー率66% (66/99)
回答No.2

<html> <script language="javascript"> var timenow = (new Date()).getHours(); function ChgImg(){ if(timenow >= 11){ img = 'after.gif'; } else{ img = 'before.gif'; } document.images['info'].src = img; } </script> <body onload="ChgImg()"> <img name="info" src="white.gif"> </body> </html> 多分これでかなり古いブラウザでも対応できると思いますよ。 >= 11の所が 11時以上の画像のURI else の方に 11未満の画像のURI このケースだと0-10：59 までと、11時過ぎに分かれます。 IMGタグで最初に表示する画像は透明の画像にしておくか、クリックボタンにしておき、その発送説明のある所に誘導できるようにする。 JavaScriptがOFFにされていた場合を考えると、その方が良いです。 商店などの確実な情報を伝えたいサイトでJavaScriptを使って情報を表示する場合は、それが表示されない場合がある事にも留意しておいてくださいね。 個人のHPなら大抵はどうでも良い情報ですから問題ないです。 またサービスの内容上ブラウザを特定のバージョン以上+JavaScript有効指定できるウェッブサービスならJavaScriptの有効は確実です。 ON/OFF混在の場所でJavaScriptを使う場合は情報が伝わっているか？は不確実です。

hybrid138
質問者

補足

詳しい説明まで下さり誠にありがとうございます。 ですが、私も詳しくないので、よくわからないって言うのが本音ですけど、この構文ですと、休日等がうまく使い分けできないんじゃないでしょうか？ 2枚の画像を11時以降と0時～10：59分とで使い分けるという風な感じだとお見受けいたしましたが。 できましたら、休日等も考慮に入れまして、毎日11時に次の画像に入れ替わる（月初から月末まで毎日変更できるような感じ）ように組めたらなと思っているのですがいかがでしょうか？

  • arexis
  • ベストアンサー率66% (66/99)
回答No.1

簡単な操作でできる事でので、逆に具体的に何をどうしたいかがはっきりしてないと参考ソースをかきにくいです。 意図する目的が決まってるのなら書いていただければ。

hybrid138
質問者

補足

私は、楽天市場で、ネットショップの運営に携わっておりまして、 毎日11時までの受注に対してのみ、発送できるんですけど、それを記載した、画像を作って、毎日11時に書き換わればなと思いまして、質問させていただきました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascript　時間指定　画像更新

    初めて質問させてもらいます。 javascriptで指定日時になったら画像を更新するソースを教えていただけますでしょうか？ 例：表示している画像を1月31日午前9：59になったら見えなくする（1pxの空白gifとか？） いろいろ検索をしたんですが何ぶん初心者なものでわかってるようでわかっていない感じです。 経験豊富な方にズバリのソースを教えていただけたらと思っております。 わがままな質問で申し訳ないですがよろしくお願いいたします。

  • javascriptでウインドウの更新

    30分ほど検索したがぜんぜん見つからないので質問します。 javascriptで読み込んでからある任意の時間でそのウインドウを更新＝F5を押したときと同じようなことが出来ますよね。 それどうやってやるんでしたっけ？ 5分後に更新する場合でお願いします。 30分無駄にした(^^ゞ アドバイスよろしくm(__)m

  • ■各ページ更新日のjavascript■

    いつもお世話になっております。 最終更新日を表示させるjavascriptがありますが、これはそのページの最終更新日を表示させますよね。 これをコンテンツのどのページが更新されてもトップページに最終更新日が表示されるようにしたいのです。 例えば index.html┬contents1.html 　　　　　├contents2.html 　　　　　├contents3.html 　　　　　├contents4.html とあった場合 contents1.htmlやcontents2.htmlを更新した時に index.htmlに最終更新日を表示したいのです。 こういうことは可能でしょうか？ 可能ならばjavascriptを教えていただきたいです。 宜しくお願いいたします。

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

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

  • (探)最終更新時間から一定時間後にログを削除

    いつもお世話になっています。 最終更新時間から一定時間後にログを全削除するような スクリプトを探しています。 CGIでも、JavaScriptでも良いのですけど、 そういうものは無いでしょうか？ 用途は、CGIのチャットのログを消すために使いたいのです。 (ログ流し忘れ対策のため) ご存知でしたら教えていただけないでしょうか。 宜しくお願いします。

    • 締切済み
    • CGI
  • Javascriptで指定した日付と時間に画像を入れ替える方法

    Javascriptで指定した日付と時間に画像を入れ替える方法 WEBページ上のある画像を、指定した日付と時間に画像を入れ替える方法がわかりません。 ちなみに日付と時間はサーバー上のデータを取得したいと考えています。 例えば、10:00に「画像Ａ」から「画像Ｂ」に切り替える。という感じです。 どのように書けばいいのか、ご指導よろしくお願い致します。

  • javascriptで排他制御

    いつもお世話になっております。 現在、AJAXを使って、10秒に一度サーバのデータを受けて表示するというものを作成しています。 その際、キープアライブという形で別の通信をしているのですが、運悪くその二つの応答が重なってしまうと、データ表示がおかしくなってしまいます。 これではまずいので、一つの通信が終わるまでもう一つの通信を始める時間になっても待っているようにする、排他制御がしたいのですが、javascriptで実現可能なのでしょうか？ C++でいうとcriticalsectionのようなものがほしいですが見当たらなかったので、ご存知の方がおられましたらご教授願います。

  • 更新中の作り方について

    お世話になります。 教えてください。 javascriptで 更新中表示（横棒が伸びるやつで、ｘｘ％進行中ってやつ）の作り方がわかるサイト等あれば教えてください。 これの呼び方が何というのかがわからないので、検索しても上手くヒットしませんでした。 FLASHではあるようですが・・・

  • JavaScriptで画像の上に画像を載せたいのですが・・・・。

    みなさんこんばんは。 いつもお世話になっております。 JavaScriptで数秒後に画像の上に画像を載せたいのですが・・・・。 まだはじめたばかりで、どうすれいいのかわかりません・・。

  • 更新時間について

    私はブログをしていないのですが、ブログの更新時間って自分で自由に変更できますよね？？だからその更新時間が正しいとは限らないと思いますが、「まとめ検索」というサイトで表示される更新時間は、正しいのでしょうか？ すみません、とりとめもない質問ですが、教えてください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する