jquery - 自己実行する JavaScript 関数をリセットする

Question

ループする単純な関数があります。ユーザーのアクションに基づいて、それを殺してから再実行したいと思います。それを行う最善の方法が何であるかはわかりません。

これが私が持っているものです：

function loopor(){

    $slider.next();

    setTimeout(loopor, 3000);
}

そして、これが私がする必要があることです：

$('#thing').click(function(event){

    event.preventDefault();

    var thing = $(this);

    /* help here */
    magicKillLooporFunction();
    /* end help*/

    thing.animate({
        height: '100%'
    }, function({
        loopor();
    });
});

Answer 1

var myTimeout;
function loopor(){
    clearTimeout(myTimeout);  //Add this so multiple clicks don't create multiple timeouts
    $slider.next();
    myTimeout = setTimeout(loopor, 3000);
}    

そして、他のコードで

$('#thing').click(function(event){
    event.preventDefault();
    var thing = $(this);
    clearTimeout(mytimeout);
    thing.animate({
    height: '100%'
    }, function({
        loopor();
    });
});

Answer 2

最も簡単な解決策は次のとおりです。

(function($) {
     var $slider, //Assign value
         timeout;
     function loopor() {
          $slider.next();
          timeout = setTimeout(loopor, 3000);
     }
     $('#thing').click(function(event){

          event.preventDefault();

          var thing = $(this);

          /* help here */
          clearTimeout(timeout);
          /* end help*/

          thing.animate({
              height: '100%'
          }, function({
              loopor();
          });
     });
})(jQuery);

Answer 3

ブール値を追加します。

if(keeprunning) setTimeout(loopor, 3000);