- ベストアンサー
一定日本時間で画像変更 Java Script
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
日付と時間については、javascriptのDateオブジェクトで取り扱います。 通常は地方時（javascriptが実行される場所の時刻：つまり日本）が返されます。 （※getUTCHours()のようにUTCが付いたメソッドを使えば世界時も取り扱えます） ご参考、 https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/Date 時間間隔は、世界中どこでも1時間は60分であり、1分は60秒で1秒は1000ミリ秒です。 よってwindow.setTimeoutやwindow.setIntervalを使うときは国は関係ないです。 画像の変更は、IMG要素のSRC属性を変えるだけです。 <img src="hoge.jpg" alt="" id="target"> の画像を変えるなら、 document.getElementById("target").src = "fuga.jpg"; がよいでしょう。
関連するQ&A
- 「画像を一定時間ごとに切り替えていくJavascriptスクリプト」
「画像を一定時間ごとに切り替えていくJavascriptスクリプト」 TOPページの画像を１時間ごと（getHoursを使ってだと思うのですが）に切り替えるよう試行錯誤しています。 画像が外部サイトにある場合どのようなスクリプトを書けば良いでしょうか？ 初歩的な質問で申し訳ありませんが、アドバイスお願いします。
- 締切済み
- JavaScript
- 初心者なのにJAVAスクリプトを使うから！
HP作成初心者で、特にJAVAスクリプトに関しては赤子にも及びませんが助言して頂けたら幸いです。 まずいくつかの画像を、全部暗い感じにしてオンマウスでスポットライトがあたったように明るくなるような（フェードインする感じです）JAVAスクリプトを使いました。 そして同じ画像ににオンマウスで任意のテキストを表示させるJAVAスクリプトを使いたいのですが、やり方がよくわかりません… 個々には出来るのですが…(当たり前ですが；） そもそもHEAD間に２つJAVAスクリプトを書いていいかもよくわかっていませんし、 BODY間のその2種類のJAVAスクリプトを呼び出したい場所での書き方もよくわかりません。 自分なりに色々と調べてはみたのですが、答えが見つかりませんでした… 本当に初心者丸出しで、質問の意味もわかりにくいかとは思いますが、わかる方がいらっしゃいましたら是非教えて下さいませ<(_ _)>
- ベストアンサー
- JavaScript
- 一定時間で画像を変更するスクリプトの関数について
javascript初心者です。 ↓下記のように画像がsetTimeoutで切り替わるスクリプトを書いているのですが、 http://foofoo77.web.fc2.com/imagechange/index6b.html このページの記述では、後読みの方の右側は動いているのですが、左側は動きません。 この処理を同一ページ内の二箇所でしたいのですが、どのようにすればいいでしょうか？ 制約としては 二箇所を同じ関数を使ってそれぞれ違う引数を与えるのみで動かさなければなりません。 画像を変更する要素のidの値を引数としています。 同一関数を使って二箇所を処理するのは無理なのでしょうか？ ソースは下記のようになります（上部URLと同じものです）。 お分かりになる方いらっしゃいましたら、ご回答よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>一定時間で変わる画像</title> <script type="text/javascript"> <!-- //画像プリロード var j=1; function preLoad(ch) { c = ch; animeImg = new Array(); for (i=1;i<6;i++){ animeImg[i]=new Image(); animeImg[i].src="images/"+c + i + ".gif"; }; } //時間制御 wait = new Array( 3000, 3000, 3000, 500, 500, 500, 500, 500, 3000 ); var fnum=0; //表示画像制御 function change(ch) { var obj = document.getElementById(ch); obj.src=animeImg[j].src; j++; if (j>5){ j=1; } if(fnum<4){ fnum++; } else { fnum=0; } wtime=wait[fnum]; //console.log(wtime); setTimeout("change(b)",wtime); b = ch; } //--> </script> </head> <body> <img src="images/image1.gif" name="animation" height="500" width="500" id="bb"> <script type="text/javascript"> preLoad('image'); change('bb'); </script> <img src="images/imageb1.gif" name="animation" height="500" width="500" id="cc"> <script type="text/javascript"> preLoad('imageb'); change('cc'); </script> </body> </html>
- ベストアンサー
- JavaScript
- 基準の日時を設定して一定時間で画像を入れ替えるスクリプト
JavaScriptで一定時間ごとに画像を入れ替えるスクリプトはよくサンプルを見掛けるのですが、これに基準時刻を設けたサンプルをご存知ないでしょうか？ たとえば、10枚の画像（01.jpg～10.jpg）を18分毎に入れ替えます。 しかし、仮に2007年9月1日の午前1時～1時18分は02.jpgが表示されなければならないとすると、そのような基準の日時を設定しなくてはならないと思います。 このようなスクリプトをご存知でしたらぜひ教えてください。
- 締切済み
- JavaScript
- 画像を一定時間ごとに切り替えていくスクリプト
表題どおりなのですが、ホームページのＴＯＰに画像を表示したくて色々試行錯誤中です。 希望は、a.jpg→b.jpg→c.jpgのフェードインフェードアウトを繰り返すといったような単純なものですが、 各画像を15秒ごととか決まった時間で自動的に切り替えていくには、どのようなスクリプトを書けば良いでしょうか？ 初歩的な質問で申し訳ありませんが、アドバイスお願いします。 Flash8
- ベストアンサー
- Flash
- JavaとJavaスクリプトの違い
JAVAの通信教育を受けるのですが、 JAVAとJAVAスクリプトは同じものだと思ってました。 画像や文字をスクロールさせたりするソースが、 JAVAだと思ってました。 JAVAとJAVAスクリプトの違い、JAVAとは何か分かり易く教えてください。
- ベストアンサー
- Java
- 【java】背景画像を一定時間でフェード切り替え
よろしくお願いします。 下記のページを参考に、 http://javascript.eweb-design.com/0802_ici.html 背景画像を一定時間で切り替えることはできたのですが、 画像が切り替わる時に、ゆっくりフェードしながら切り替わるということは可能でしょうか？ 同じような挙動であれば、他のスクリプトやjQueryでも問題ありません。 実現させたい内容としては、 ・bodyの背景画像が切り替わる（div等ではなく） ・フェードで切り替わる になります。 ご存知の方おられましたら、ご教授くださいませ。 どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- ホームページで決まった時間から一定時間で表示変更
ホームページ上で一定時間でテキストまたは画像を表示を変化させる事のできるスクリプトを探しています。 そのページが表示された時から指定時間毎に変化 毎日決まった時間に変化 のスクリプトはよくみかけるのですが、そうではなく、やりたいことは 決まった時間から一定時間毎に変化 です。 たとえば、６月１１日の１７時から３０時間毎に３種類の表示を順番に変えていく、といった感じです。 ご存知の方、またやり方の書いてあるサイト様をご存知の方お願いします。
- ベストアンサー
- JavaScript
- 一定時間で変わる画像・・・
javaScriptで一定時間で画像を更新するのを作ったのですが、ＨＰを表示する時「セキュリティ保護のため・・・」という情報バーが出てきます。 広告画像などで一定時間で画像が変わるものもＨＰにあるのですが、その場合は情報バーは出ません。 何故でしょう？ javaScriptで作った場合は絶対にこの情報バーが出てしますのですか？
- 締切済み
- JavaScript
- gifアニメは、javaスクリプトで使えるのでしょうか。
javaスクリプトで、画像の縮小・拡大を繰り返すのがありますが その画像がgifアニメでも、同じように動きますか？ 動きながら、縮小・拡大を繰り返せますか？
- ベストアンサー
- JavaScript
