一定時間がきたら表示を消すようにする方法
- window.statusを使用して、一定時間がきたら表示を消す方法を知りたいです。
- 以下のソースコードを修正して、指定した時間が経過したら表示を消すようにしたいです。
- 修正後のソースコードは、指定した時間が経過したらwindow.statusを空にするように記述します。
- ベストアンサー
一定時間がきたら表示を消すようにしたい
window.statusを使用して、一定時間がきたら表示を消すように記述するにはどうすればよろしいでしょうか？ 以下にソースを記述しています。どなたか修正してください。 <head> <script language="javascript"> <!-- function a() { window.status=new Date().getHours()+"時"+new Date().getMinutes()+"分"+new Date().getSeconds()+"秒"; b=setTimeout("a()",500); } //--> </script> </head> <body onLoad="a()"> </body>
- naomi13
- お礼率11% (32/268)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
方法は色々とあると思いますが、単純に考えるのであれば、チェック用の変数をはさんで、一定回数関数が実行されたら、再帰を止めるようにすれば良いと思います。 <script language="javascript"> <!-- n=0; st=60;//一定時間を秒数で指定 st=st*2; /* 関数が0.5秒に一回実行されるので、上の指定を関数が実行される時間間隔に合わせて修正 */ function a(){ n++; window.status=new Date().getHours()+"時"+new Date().getMinutes()+"分"+new Date().getSeconds()+"秒"; if (n<st){b=setTimeout("a()",500);} else {window.status="";} } //--> </script> こうすると、ステータスバーに時刻表示をする関数が実行されるたびに変数nが増加していき、変数nが変数stの値以上になるまで0.5秒間隔で関数を再帰するようになります。 変数nが変数stと同じ値になったときは、ステータスバーの表示を消去して処理を終了します。 参考になれば幸いです。
関連するQ&A
- 一定時間がきたら表示を消したい
window.statusを使用して、一定時間がきたら表示を消すように記述するにはどうすればよろしいでしょうか？ 以下にソースを記述しています。どなたか教えてください。 <head> <script language="javascript"> <!-- function a() { window.status=new Date().getHours()+"時"+new Date().getMinutes()+"分"+new Date().getSeconds()+"秒"; b=setTimeout("a()",500); } //--> </script> </head> <body onLoad="a()"> </body>
- ベストアンサー
- JavaScript
- リアルタイムに時計を表示するときのsetIntervalについて
いつもお世話になっています。 いつも以上に稚拙な質問で申し訳ないのですが、ご助力願います。 <html> <head> <script type="text/javascript"> <!-- var today = new Date(); window.onload = function dispTime(){ document.getElementById("showTime").innerHTML = today.getFullYear() + "/" + (today.getMonth()+1) + "/" + today.getDate() + " " + today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); setInterval('dispTime()',1000); } //--> </script> </head> <body> <div id="showTime"></div> </body> </html> できるだけ<body onload="">を使いたくないので、window.onloadにしてあります。 イメージとしては、document.getElementById("showTime").innerHTMLでshowTimeに時間が表示され、setIntervalで再度disptimeが呼ばれ、という無限ループになればよいと考えてこのソースになりました。 ただ現状は、ロード時に時刻が表示され、そのまま動きません。 たぶんsetIntervalの場所とか使い方がおかしいような気がするのですが、どうもよくわかりません。 参考にしたサイトによってsetInterval("dispTime()"...だったり setInterval("disptime"...だったりと記述がバラバラで、 ほとんどのところでは、body onload="setInterval("...とonload扱いでした。 body onloadは使わずに、1秒ごとに動く時刻表示をするには、どこを直せばよいでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- ステータスバーに日時をリアルタイムで表示させたい。
初心者ですがよろしくお願いいたします。表題の 通り、ウィンドウの下のステータスバーに常に日時 を載せたいのですが、うまくいきません。 自分なりに調べてやってみたのですが、どうやら 間違えてるみたいです。どなたか詳しい方お願い いたします！ 念のため、自分で作成した文を載せておきます。 <HTML> <TITLE>練習</TITLE> <HEAD> <SCRIPT Language="JavaScript"> <!-- function Digital() { today = new Date(); y = today.getFullYear(); m = today.getMonth()+1; d = today.getDate(); h = today.getHours(); min = today.getMinutes(); setTimeout("Digital()",1000); status = ("ただいまの日時は" + y + "年" + m + "月" + d + "日" + h + "時" + min + "分"); } //--> </SCRIPT> </HEAD> <BODY> <SCRIPT Language="JavaScript"> <!-- Digital(); //--> </SCRIPT> </BODY> </HTML>
- ベストアンサー
- JavaScript
- 時刻表示
いろいろと自分で手を加えたのですが、わからなくなってしまいました。よろしくお願いします。 <head> <SCRIPT LANGUAGE="JavaScript"> <!-- function clock(){ c = new Date(); document.clk.digital.value=c.getHours()+":"+c.getMinutes()+""; setTimeout('clock()',1000); } // --> </SCRIPT> </head> <body> <FORM NAME="clk">現在時刻： <INPUT SIZE="7" NAME="digital" style="margin-top : auto;margin-left : auto;margin-right : auto;margin-bottom : auto;border-style : none none none none;color : #ff80c0;"> </FORM> <SCRIPT LANGUAGE="JavaScript"> <!-- clock(); // --> </SCRIPT> </body> これを表示した時に７時５分の時に 7:5 となってしまいます。 これを４桁 07:05 というふうにしたいと思います。 初心なもので簡単かとは思いますが、どうかご教授ください。
- ベストアンサー
- JavaScript
- 一定時間で入れ替わるバナー画像（リンク）を複数個並べたい
現在、バナー画像と対応するリンクの 一定時間での入れ替えは出来るようになりました。 ※現在のソースを質問の最後に記述してあります。 このような動きをするバナー画像を、縦に複数個並べたいと思い、 いろいろと試してみましたが、うまくいかず大変苦戦しております。 ◆処理イメージ◆ スペース1：バナー1～バナー3を入れ替え スペース2：バナー4～バナー6を入れ替え スペース3：バナー7～バナー9を入れ替え JavaScriptにお詳しい方、実現方法をお教え頂けないでしょうか？ 何卒よろしくお願いいたします。 ◆現在のソース◆ <head> <title>インターネット上にあるバナー画像を一定時間ごと入れ替える</title> <script language="JavaScript"><!-- num = 3; jumpURL = new Array(); imgURL = new Array(); jumpURL[0] = "http://aaa"; jumpURL[1] = "http://bbb"; jumpURL[2] = "http://ccc"; imgURL[0] = "http://XXX/0.gif"; imgURL[1] = "http://XXX/1.gif"; imgURL[2] = "http://XXX/2.gif"; function changeImg() { num++; num %= 3; document.banner.src = imgURL[num]; setTimeout("changeImg()",10000); } function jump() { window.open(jumpURL[num]); } // --></script> </head> <body onLoad="setTimeout('changeImg()',5000)"> <a href="javaScript:jump()"> <img src="http://XXX/0.gif" name="banner"> </a> </body>
- 締切済み
- JavaScript
- Window.open でフレームに表示
JAVAを使い、指定のフレームに新しい画面を表示したいのですが、要領が良く判りません。 以下のように _blank で新しいウィンドウを開くのはできます。どなたか ご指導 お願いします。 <TITLE></TITLE> <SCRIPT language="JavaScript"> function new_window(url) { window.open(url, '_blank'); } </SCRIPT> </HEAD> <BODY onload="new_window('comp-page1.htm');">
- ベストアンサー
- Java
- 毎日違う画像を表示させるには
私はJavaScriptは初心者です。悩んでここに投稿させて頂きました。 JavaScriptで毎日（24時間ごとに）違う画像を表示させようと考えています。 以下を実行したのですがIEだけ画像が表示されません。 どなた様か、おかしいところ、また違うJavaScriptの記述でも構いません。 教授いただけると幸いです。 <SCRIPT LANGUAGE=javascript> <!-- var ig = new Array(); ig[1]="1.jpg"; ig[2]="2.jpg"; ig[3]="3.jpg"; ig[4]="4.jpg"; ig[5]="5.jpg"; ig[6]="6.jpg"; ig[7]="7.jpg"; function window_onload() { var d = new Date(); img = document.getElementById("img"); window.status=d.getMonth()+1 + "/"+d.getDate() + "/"+ d.getYear(); var no = d.getDate()%7; img.src=ig[no]; img.insertAdjacentHTML("afterEnd",no+"："+ig[no]); } //--> </SCRIPT> </HEAD> <BODY LANGUAGE=javascript onload="return window_onload()"> <P><img id=img></P> </BODY>
- ベストアンサー
- JavaScript
- 時間帯○時○分で表示切替
下記ソースで AM9:30分～PM12:00の間 02.htmlを表示 それ以外は、01.htmlを表示させたいのですが AM10:00～AM10:29，AM11:00～AM11:29の時間帯は02.htmlを表示するように 考えたのですが、01.htmlを表示してしまいします。 どこか抜けがありますか？ 解決する方法はありますでしょうか？ <script type="text/javascript"> <!-- window.onload = function(){ var date = new Date(); // 時間を取得 var hour = date.getHours(); // 何分か取得 var minute = date.getMinutes(); if(hour >= 9 && minute >= 30 && hour < 12){ // 9時30分から12時までは02.html location.href = "02.html"; } else{ location.href = "01.html"; // 上記以外は01.html } } // --> </script>
- ベストアンサー
- JavaScript
- 小さなウインドウ開いて自動閉じることできますか?
200 * 200のウインドウ開いて、 10秒後に自動で閉じるようなスクリプトは可能でしょうか? 以下ではオブジェクトを指定してくださいエラーになりました。どぼじで?(TT) ----------------------------------- <html><head> <script language="JavaScript1.2"><!-- function resize(w1) { w1.resizeTo(200,200); w1.status=no } //--></script> </head> <body onLoad="setTiw1out('window.close()',10000); resize(window);"> 小さなウィンドウ 10秒後に自動で閉じます。 </body></html> -------------------------------------
- ベストアンサー
- JavaScript
- 時間ごとにスタイルシートを変える
<HEAD> <SCRIPT LANGUAGE="JavaScript"> function geth(t){ if ( t <= 05 ) document.write ("<body link="#0000ff">"); else { if ( t <= 17 ) document.write ("<body link="#0000ff">"); else { if ( t <= 23 ) document.write ("<body link="#0000ff">"); }}} </SCRIPT> </HEAD> <SCRIPT LANGUAGE="JavaScript"> h = new Date(); geth(h.getHours()); </SCRIPT> Java Script を使うと時間ごとに異なったフォントの色を のように指定できますが、 リンクの背景色のようなスタイルシートを使わないと出来ない 部分を時間ごとに色を変える方法をお願いします。 a { background-color : ccf ; }
- 締切済み
- その他([技術者向] コンピューター)
お礼
有難うございました！大変参考になりました！