停止/暫停並重新啓動它onclick

Question

$(function(){ 
    $('.fadein img:gt()').hide(); 
    setInterval(function(){ 
     $('.fadein :first-child').fadeOut() 
     .next('img').fadeIn() 
     .end().appendTo('.fadein');}, 
     6800); 
}); 

我希望停止這onclick的按鈕，並單擊同一按鈕啓動它。有任何想法嗎？

Answer 1

試試這個：

$(function(){ 
    $('.fadein img:gt()').hide(); 
    var active = true; 
    setInterval(function(){ 
     if(active) { 
     $('.fadein :first-child').fadeOut() 
      .next('img').fadeIn() 
      .end().appendTo('.fadein'); 
     } 
    }, 6800); 

    $('#buttonId').click(function(){ active = !active; }); 
}); 

感謝Rikonator，這裏是最好的答案：

$(function(){ 
    $('.fadein img:gt()').hide(); 
    var active = true; 
    var interval = setInterval(intervalFunction, 6800); 

    $('#buttonId').click(function(){ 
     if(!active) 
      interval = setInterval(intervalFunction, 6800) 
     else 
      clearInterval(interval); 
    }); 

    function intervalFunction(){ 
     $('.fadein :first-child').fadeOut() 
      .next('img').fadeIn() 
      .end().appendTo('.fadein'); 
    } 
});