setInterval和setTimeout

Question

var myTimer = setInterval(function(){ 
    var eleID = ''; 
    var delayTimer = ''; 
    $('#hp-fcas li').each(function(i) { 
     eleID = $(this).attr('id'); 
     delayedTrigger($('#'+eleID + ' a'), 7000*i); 
    }); 
    function delayedTrigger(elem, delay){ 
     setTimeout(function(){ 
      $(elem).trigger('click'); 
     }, delay); 
    } 
}, 21000); 

$(".play").click(function(){ 
    clearTimeout(); 
    clearInterval(myTimer); 
}); 

第一個間隔是21秒，是第一個實例。

第二個區間是3個7秒的實例（我想要的）。

我試圖清除所有上述，當我點擊.play。

任何幫助？

Answer 1

clearTimeout需要傳遞一個超時ID，這個ID由setTimeout返回。

clearTimeout();什麼都不做。您可以將返回值從setTimeout推送到數組中，然後遍歷它們並運行clearTimeout。

var timeouts = []; // Array of timeouts 
var myTimer = setInterval(function(){ 
    var eleID = ''; 
    var delayTimer = ''; 
    $('#hp-fcas li').each(function(i) { 
     eleID = $(this).attr('id'); 
     delayedTrigger($('#'+eleID + ' a'), 7000*i); 
    }); 
    function delayedTrigger(elem, delay){ 
     timeouts.push(setTimeout(function(){ // push onto array 
      $(elem).trigger('click'); 
     }, delay)); 
    } 
}, 21000); 

$(".play").click(function(){ 
    $.each(timeouts, function(i,v){ // clear all timeouts 
     clearTimeout(v); 
    }); 
    clearInterval(myTimer); 
});