-3

ボタンで停止されるまで関数を何度もループさせ、その後再開できるようにする方法を探しています。私はグーグルでいくつかの結果を見つけましたが、それらは特定の機能をループすることに限定されています..

それで、あなたが私を助けることができる方法はありますか？

編集：

アイテムのリストをループできるはずです

<ul>
    <li>
<ul>

トランジションは、次のliでfadeOutとfadeInを使用することになっています。

4

4 に答える 4

0

これは私が思うトリックをするはずです、

var yourFun = new function(){
   this.check = false;

   this.run(){
     if( !this.check ) {
       //do all your stuff here.
     }
  }
};

$("#button1").click(function(){ yourFun.run(); });

$("#button2").click(function(){ yourFun.check = true; });
于 2013-02-07T13:02:06.650 に答える
0

jQueryの各関数を使用して、ループを開始および停止できますhttp://api.jquery.com/each/

この.each()メソッドは、DOM ループ構造を簡潔にし、エラーを起こしにくくするように設計されています。呼び出されると、jQuery オブジェクトの一部である DOM 要素を反復処理します。コールバックが実行されるたびに、0 から始まる現在のループ反復が渡されます。さらに重要なことに、コールバックは現在の DOM 要素のコンテキストで起動されるため、キーワード this は要素を参照します。

于 2013-02-07T13:12:12.847 に答える
0

これは機能します。

var runLoop;

$('#start').click(function() {
    runLoop = setInterval(function() {
        console.log('running');
    }, 100); // time in milliseconds between each loop
});

$('#stop').click(function() {
   clearInterval(runLoop);
});

http://jsfiddle.net/9H2PB/

于 2013-02-07T13:05:27.713 に答える
-1

このようにしてみてください

Jクエリ

$("#pause").click(function (){
if (pause){
    timer = setInterval(function(){$("#content").append("Hello world</br>")},1000);
    pause = false;
}
});
$("#resume").click(function(){
if (!pause){
    pause = true;
    clearInterval(timer);
}
});

デモを見る

于 2013-02-07T13:07:58.613 に答える