javascript - 重新启动 setInterval

Question

所以我有一个计时器，每 5 秒旋转一组图像。因此，我在文档启动时运行它。

$(document).ready(function() {
var intervalID=setInterval(function(){ 
     rotate();    
}, 5000);
});

旋转功能只是简单地旋转图像。但是，我也允许用户手动选择他们正在查看的图像。因此，我需要取消 SetInterval，然后在 5 秒后重新开始

我想做的是取消间隔然后重新开始

$('a').click(function(){
 clearInterval(intervalID);   
 intervalID=setInterval(function(){ 
     rotate();    
}, 5000);    
});

但是，代码似乎并没有像我希望的那样重置间隔。

Answer 1

如果 intervalID 变量是在 .ready() 范围内声明的，则以下内容应该有效(未经测试):

$(document).ready(function() {
    var rotate = function() { ... },
        intervalID = setInterval(rotate, 5000);

    $('a').click(function() {
       clearInterval(intervalID);   
       intervalID = setInterval(rotate, 5000);    
    });
});