중지/일시 중지하고 클릭하여 다시 클릭하십시오.

Question

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

버튼의 onclick을 중지하고 동일한 버튼을 클릭하면 시작됩니다. 어떤 아이디어?

Answer 1

이 시도 : Rikonator에

$(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; }); 
}); 

감사합니다, 여기에 더 나은 해답 :

이

$(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'); 
    } 
});