JQuery - 如何停止函數？

Question

我有這樣的代碼

<script type="text/javascript"> 
    function test(counter) { 
     if(counter==4) 
     { 
       counter=0; 
     } 
     if(counter==0) 
     { 
      //various stuff 

      } 

      counter = counter + 1; 
     setTimeout(function() { test(counter); }, 7000); 
    } 

$(document).ready(function() { 

test(0); 

}); 
</script> 

所以當頁面加載test(0)功能正在運行。

但我有這個鏈接<a onclick="test(1)" rel="2" href="#">再次調用相同的功能，因此具有相同的功能運行兩次。

有沒有辦法停止正在運行的功能，然後開始新的？

Answer 1

保存setTimeout()的結果，並與clearTimeout()一起使用。

Answer 2

function test(counter) { 
     if(counter==4) 
     { 
       counter=0; 
     } 
     if(counter==0) 
     { 
      //various stuff 

      } 

      counter = counter + 1; 



      var quit; 
      //decide whether to continue 
     if(!quit)setTimeout(function() { test(counter); }, 7000); 


    }