JavascriptでsetInterval()を使用してプログラムを一時停止する方法

2011/02/21 11:17

このQ&Aのポイント

JavascriptでsetInterval()を使用してプログラムを一時停止する方法を教えてください。
Javascriptで別ファイルにあるsetInterval()を指定時間後に実行する方法を教えてください。
Javascript初心者ですが、setInterval()を使用してプログラムを上でも停止させる方法を教えてください。

kurumi00000
お礼率88% (24/27)

JavaScript
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

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

ベストアンサー

yyr446
ベストアンサー率65% (870/1330)

2011/02/21 15:35 回答No.4

IE以外なら、素直にコールバック関数だけで、コーディングできますです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>BallMove</title <script type="text/javascript"> function Ball(obj){ 　this.obj = obj; 　this.x = 100; 　this.y = 1; 　this.first = true; 　this.obj.addEventListener("click",this,false); 　this.timer = window.setInterval(moveBall,25,this); } Ball.prototype.handleEvent = function(event){ 　if (event.type == "click" & event.target == this.obj){ 　 if (!first) clearInterval(this.timer); 　} } function moveBall(obj){ 　this.first = false; 　if(obj.x < 775){ 　 obj.x += obj.y; 　 obj.obj.style.left = obj.x + "px"; 　}else{ 　 clearInterval(obj.timer); 　} } </script> </head> <body> <div> <img src="data/ball.gif" name="ball" style="position:relative;left:100px;top:15px;" onclick="new Ball(this);"> </div> </body> </html>

質問者

お礼 2011/02/21 16:14

どうも、親切に、ありがとうございます。ちょっと私には難しすぎるようです。教えて頂いたソースコードをよく考えてみます。ありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

yyr446
ベストアンサー率65% (870/1330)

2011/02/21 13:08 回答No.3

この手のものにこそ、オブジェクト化してクロージャーが役に立つ場面では！（久々の回答）

質問者

お礼 2011/02/21 14:11

クロージャというものを知らなかったので、検索して調べましたが、高度過ぎます。。。たぶん、clearIntevalを適切に使用すればいいと思うのですが、 onclickの場合の説明がなかなかないです。

ログインすると、全ての回答が全文表示されます。

babu_baboo
ベストアンサー率51% (268/525)

2011/02/21 12:47 回答No.2

もし、うごいているぼ～るを、くりっくできたなら、いべんとがかさなっていくよ！するとそのまえのidのあたいがきえてしまい、とめられなくなるよただたんに、id にほぞんするのは、きけん。ただのタイポだとおもうけど、 dlearInterval(id) じゃなくて、 clearInterval (id); やっちまったなぁ～（笑）

質問者

お礼 2011/02/21 14:10

clearIntervalをどこで、どう設定すればいいのかがよく分かりません。

ログインすると、全ての回答が全文表示されます。

fujillin
ベストアンサー率61% (1594/2576)

2011/02/21 12:32 回答No.1

実際の繰り返しの設定のところがどうなているのか質問文では不明ですが… 　var id = setInterval(moveBall, 20) のような形で設定しているのではと、推測します。繰り返しを終了したいときは、　dlearInterval(id) みたいにすればよろしいかと。ぐぐればいろいろ情報が見つかると思いますが、　http://itpro.nikkeibp.co.jp/article/Reference/20081126/320024/ 　https://developer.mozilla.org/ja/DOM/window.clearInterval

質問者