- 締切済み
一定の日数が立つと画像を表示するようにしたい
始めてまして。JavaScriptの事で少し分からない事があり質問させて頂きました。 CGIやPHPなどの言語が使えないサーバーにあるサイトで、 前の更新からの日数によって異なる画像を表示できるようにしなくてはならなくなり、 少し調べてみるとJavaScriptによる「指定した日付からの経過日数を表示するサンプル」という物を発見したので、 これの指定する日付を更新の度に変えれば、そのようなものが作れるのでは無いかと考えました。 なので、その後色々と調べてみたのですが、 一定の日時からの経過日数をテキストで表示する物はあっても、 私の作りたい、１日後にはこの画像、２日後にはこの画像、 ３日後以降にはこの画像を表示すると言った物は見つかりませんでした。 考えたのは良い者の、JavaScriptなど完全に無知な私・・・。 幾ら探しても見つからないので、そもそもこの方法自体が間違っているのかな？ ・・・と不安になったこともあり質問させて頂きました。 この方法に無理があればご指摘を、 大丈夫であればどのようにすれば実現できるのかをご教授いただければ幸いです・・・。
- honhobu2
- お礼率0% (0/2)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
保存するファイルと同階層に「images」フォルダを作成し その中に 「1.gif」「2.gif」「3.gif」と配置 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title></title> <script language="javascript"><!-- function TodaysImg(y,m,d){ xToday = new Date(); xDay = new Date(y,m-1,d); dms = 24 * 60 * 60 * 1000; d = Math.min(3,Math.max(1,Math.floor((xToday.getTime() -xDay.getTime())/dms))); xImg = '<img src="images/' + d + '.gif" />'; document.body.innerHTML = xImg } //--></script> </head> <body onload="TodaysImg(2006,10,22);"> </body> </html> でどうでしょう。
関連するQ&A
- 決まった曜日で一定時間だけ表示画像を切替えたい
ホームページ内の一部で、 曜日指定で一定時間だけ表示画像を切替えたいのですが、 日付指定で変わるものばかりしか検索で見つけられずに困っております。 具体的には「毎週火曜日10：00～11：00」までは、自動でＡ画像を表示し それ以外はＢ画像を表示するようにしたいです。 現在は下記（日付指定で画像を変更）をなんとか変更すればできるかと思い 設置して動作させてみました。 ですが、私はJavaScriptに関して初心者なので 曜日指定と、再び元の画像表示に戻すのに どうしていいのか分かりませんでした。 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - window.onload = changeDisplay; function changeDisplay(){ var objDate = new Date(); var now = objDate.getTime();//現在のタイムスタンプ（ミリ秒）を取得 var changeTime = new Date("Jan 1, 2011 00:00:00");//切り替える日時のタイムスタンプ（ミリ秒）を取得 //切り替え前 if (now < changeTime) { document.getElementById('hoge').style.display = "block"; document.getElementById('hoge2').style.display = "none"; setTimeout("changeDisplay()", 1000);//1秒ごとに実行（◯秒ごとの場合は、第2引数に 「◯ * 1000」 と記述） //切り替え後 } else { document.getElementById('hoge').style.display = "none"; document.getElementById('hoge2').style.display = "block"; } } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 参考サイト http://blog.aidream.jp/javascript/javascript-timed-display-change-402.html これを、どう変更すればよいのでしょうか？ またあるいは、別によい記述方法はあるのでしょうか？ 下記の過去の質問も拝見してみましたが、 参考サイトのリンク先もなくなっていたりして、分かりませんでした。。。 「曜日と時間を指定して表示画像を切り替える」 http://okwave.jp/qa/q1832822.html すみませんが、よろしくお願いいたします！
- ベストアンサー
- JavaScript
- 経過日数の算出表示方法は?
"経過日数の算出表示方法は?" =DATEVALUE(A5)-DATEVALUE($A$2) ある日付からの経過日数を上の式で算出表示させようとしましたら この例の場合３の表示を期待していたのですが、"#VALUE!"が表示されて計算できません。 A1・・・・A5のセグメントの書式はユーザー定義でyy/mm/ddとしています。 日付の定義ではないので、表示形式が異なるものの、日付の1997/3/4の設定にしても、経過の日数は表示されません。 経過日付を表示するのはどうするのでしょうか。 ウインドウズとエクセルのバージョンはWindows98SE/EXECEL2000(9.0.2812)です。
- 締切済み
- オフィス系ソフト
- 更新日時表示lastModifiedについて
現在http上ではjavascriptのlastModifiedが機能していて更新日時を表示できるのですが、https上だとちゃんとした更新日時を表示してくれません。NNだと1970,01,01。IEとFirefoxだと今日の日付を表示してしまいます。 SSLだとjavascriptのlastModifiedは機能しないのでしょうか？何か違うものを使えばSSLでもちゃんと更新日時を表示させることはできるのでしょうか？ どなたか詳しくわかる方がいらっしゃいましたら、どうかご教授ください。よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像のランダム表示とリンク、alt属性について
はじめまして。 検索かけてみましたが、自分の納得が得られる回答が無かったため、質問させていただきました。 ページを更新するごとに画像とテキスト（その画像の作成者などを書きたい）をランダムで表示させ、なおかつ他へリンクし、画像にはALT属性、テキストにはTITLE属性を付けられるJavaScript、もしくは、CGIを探しています。 可能であれば、画像とテキストを別々の場所へリンクしたいと思います。 このようなJavaScript、またはCGIを知っている方、ご教授お願いします。
- ベストアンサー
- JavaScript
- 画像ファイルのアドレスに今日の日付を入れる
例えば以下のようにHTMLに画像を表示させるタグがありますが、 <img src="http://www.hoge.tst/20060504.jpg"> このアドレスの日付部分(YYYYMMDD)を「JavaScript」で本日の日付に設定する方法はありますか？ つまり、その日の日付をファイル名にした画像を表示させたいです。 CGIではなく、JavaScriptを使用した方法が希望です。 宜しくお願いします。
- ベストアンサー
- JavaScript
- 指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい
指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい。当日以降は「00」で停止させたい ある指定日時までの画像カウントダウン表示を以下のようにjavascriptで作成して、残り日数の数字を imageファイルで表示しているのですが、残りが一ケタになったときに「02」「01」のようにする、 また、当日が来たら「00」で止まるようにしたいのですが方法がわかりません。 javascriptで上記のような仕様にすることは可能なのでしょうか。 よろしくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <script language="javascript"><!-- dir = "img/"; date1 = new Date(); date2 = new Date(2010, 11, 30); // YYYY, MM - 1, DD d = (date2.getTime() - date1.getTime()) / (24 * 60 * 60 * 1000); d = Math.abs(Math.ceil(d)); s = d.toString(); for (i = 0; i < s.length; i++) { document.write("<IMG SRC=\"" + dir + s.charAt(i) + ".gif\">"); } //--></script> </head> <body> <script src="js/date.js"></script>日 </body> </html>
- ベストアンサー
- JavaScript
- 基準の日時を設定して一定時間で画像を入れ替えるスクリプト
JavaScriptで一定時間ごとに画像を入れ替えるスクリプトはよくサンプルを見掛けるのですが、これに基準時刻を設けたサンプルをご存知ないでしょうか？ たとえば、10枚の画像（01.jpg～10.jpg）を18分毎に入れ替えます。 しかし、仮に2007年9月1日の午前1時～1時18分は02.jpgが表示されなければならないとすると、そのような基準の日時を設定しなくてはならないと思います。 このようなスクリプトをご存知でしたらぜひ教えてください。
- 締切済み
- JavaScript
- 携帯サイトで画像を日替わりにしたいです
携帯サイトを作ろうとしています。 その中であるページの画像を自動で日替わり更新（ランダムor順番に表示）にしたいです。 javascriptではキャリアにより機能しないということだそうで、 cgiを使ってhtmlを生成するしくみでやろうと思っています。 携帯サイトでそれを可能にするcgiの配布サイト、紹介サイトなどご存知でしたら、お教えください。 また、javascript、cgiでなくても、画像の自動更新の方法があれば、教えてください。 javascript、cgiをゼロから作るような知識はないので、わかりやすいものがあれば大変助かります。 そんな都合のいいものがあるかわかりませんが、よろしくお願いします。
- ベストアンサー
- CGI
- ポップアップウインドウで日数入力して日付を表示
下記のようなものを作りたいと思っています。 １．呼び出し元のテキストボックスに日付を入力 ２．「日数の指定」などのボタンを押す ３．日数を入力するためのポップアップウインドウ表示 ４．テキストボックスに日数を入力して、決定ボタンを押す ５．１で入力した日から４で指定した日数分後の日付を呼び出し元の１とは別のテキストボックスに表示する。 １や４で入力する日付や日数のエラーチェックは考慮不要でいいです。 何か良い方法がございましたら、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 曜日と時間を指定して表示画像を切り替える
JavaScriptの組み合わせになるかとは思うのですが。 例えば「月曜日の7:00-8:00」はimg01.gifで、それ以外の時間はimg02.gifとなるように するには、どのようなスクリプトを打てばいいのでしょうか？ ググってみて参考になりそうなサイトを見つけたのですが・・・うまく組み合わせることができません。 また、日付指定を利用して１年分もしくは１ヶ月分書いてもできるとは思うのですが、 出来れば軽さを考慮して曜日指定にしたいと思っています。 以下のサイト以外の方法以外でも結構ですので、よろしくお願いいたします。 「画像の自動差し替え（No.2回答補足）」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=551922 「サンプル16」 http://www.usagi-js.com/sample/jssample2.htm 「指定した日付で画像を切り替え」 http://www2s.biglobe.ne.jp/~Hiro/js/GraphicChangerByDate.html ※
- 締切済み
- JavaScript
