從循環外停止jQuery setInterval循環

Question

我有一個控制滑塊的jQuery設置間隔循環。我希望能夠當用戶點擊這將重新啓動時間循環滑塊鍵停止，但我所知道的是如何與

clearInterval(interval); 

這是在3點擊功能，這些功能以外停止循環在下面的循環，我想要回想一下setInterval時間，以便在每次點擊功能停止後重新啓動。

我該如何回顧這個setInterval重新開始？

var interval = setInterval(timecode, 8000); 
function timecode() { 
$varadd = $varadd + 1; 




if ($varadd == "1") 
{ 
      $(".slider").css("left","-428px"); 
      $("#slidecont2").css('background-image', 'url(pictures/selected.png)'); 
      $("#slidecont1").css('background-image', 'url(pictures/unselected.png)'); 
      $("#slidecont3").css('background-image', 'url(pictures/unselected.png)'); 
} 
else if ($varadd == "2") 
{ 
      $(".slider").css("left","-856px"); 
      $("#slidecont3").css('background-image', 'url(pictures/selected.png)'); 
      $("#slidecont2").css('background-image', 'url(pictures/unselected.png)'); 
      $("#slidecont1").css('background-image', 'url(pictures/unselected.png)'); 
} 
else if ($varadd == "3") 
{ 
      $(".slider").css("left","0"); 
      $("#slidecont1").css('background-image', 'url(pictures/selected.png)'); 
      $("#slidecont2").css('background-image', 'url(pictures/unselected.png)'); 
      $("#slidecont3").css('background-image', 'url(pictures/unselected.png)'); 
$varadd = 0; 
} 
} 

Answer 1

我真的只是解決了這個問題，從這個人張貼Reset setinterval on click

我用這個重新啓動的setInterval其中還包括一個超時功能，增加了時間，客人點擊幻燈片。

setTimeout(function() { 
    setInterval(timecode, 8000); 
    }, 2000); 

因此，在你的3個點擊功能中，你會有這樣的東西。我想你也會讓你的$ varadd改變？

$(".slider").css("left","0"); 
$("#slidecont1").css('background-image', 'url(pictures/selected.png)'); 
$("#slidecont2").css('background-image', 'url(pictures/unselected.png)'); 
$("#slidecont3").css('background-image', 'url(pictures/unselected.png)'); 
clearInterval(interval); 
$varadd = INTEGER; 
setTimeout(function() { 
setInterval(timecode, 8000); 
}, 2000); 

如果您不想添加setimeout函數，只需重寫setInterval即可。