- 締切済み
javascript 時間指定 画像更新
初めて質問させてもらいます。 javascriptで指定日時になったら画像を更新するソースを教えていただけますでしょうか？ 例：表示している画像を1月31日午前9：59になったら見えなくする（1pxの空白gifとか？） いろいろ検索をしたんですが何ぶん初心者なものでわかってるようでわかっていない感じです。 経験豊富な方にズバリのソースを教えていただけたらと思っております。 わがままな質問で申し訳ないですがよろしくお願いいたします。
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- qualheart
- ベストアンサー率41% (1451/3486)
以下ではどうでしょう？ いちおう1分おきに時間を確認し表示を更新するようになっています。 （1秒おきにやってもあまり意味はないと思いますので・・・） <html> <body> <script language="javascript"> <!-- function imgIns(){ c = new Date(); e = new Date("2008/1/31 9:59:00");//日付の指定 if (c < e) { document.write("<img src='sample.gif'>"); } } function Exec(){ imgIns(); id = setTimeout("Exec()",60000); } Exec(); //--> </script> </body> </html>
- hisajiro
- ベストアンサー率37% (124/329)
<html> <head></head> <body> <SCRIPT LANGUAGE="JavaScript"> var today = new Date();//当日日付を取得 var kigen = new Date("2008/1/25");//公開終了日 var calc = kigen.getTime() - today.getTime(); var daysLeft = Math.ceil(calc/(24*60*60*1000)); if (daysLeft >= 0){ document.write('<img src="hoge.gif">');//hoge.gifは画像名 } </SCRIPT> </body> </html> このソースで試してみてください。 分からない点があったら補足お願いします。
補足
ご回答ありがとうございます！ 時間の指定なのですが var daysLeft = Math.ceil(calc/(24*60*60*1000)); ↑ のところでしょうか？例えば9：59で画像の表示を終了させたい場合は どのように指定すればよいでしょうか？ あと画像なのですが例えばcssで指定したい画像の場合 下記のソースを <style type="text/css">body {background-image: url(画像URL);background-repeat: repeat-y;background-position: left;}</style> ↓このように指定すればよいですか？ document.write('ここに画像ソース');//hoge.gifは画像名 } いろいろと質問ばかりですみません！ javascriptもっと勉強しなければだめですね。。。
補足
ありがとうございます！ 試してみましたらできました！ ありがとうございます。 この画像の指定を <style type='text/css'>body {background-image: url(画像URL);background-repeat: repeat-y;background-position: left;}</style> このようにbodyに置いている画像を時限式で 表示を隠したいのですが、<style ～のソースを <img src='sample.gif'>にあてると表示されないのです。 cssで指定した画像を消したい場合はどうすればよいでしょうか？ すみません。。 あとできればcssのようにjsファイルを別に置きたいと 思っております。 いろいろとすみません。。。