javascript - 停止 setInterval() 函数一段时间

Question

我一直在试图弄清楚如何暂时停止 setInterval() 函数上的计时器。我用它来旋转横幅，我希望它能够“重置计时器”，或者在单击缩略图时在特定图像上停留更长时间。

我已经有了用于点击设置的事件处理程序。

这是我到目前为止所拥有的:

(注意:为简化起见，排除了其他代码)

//Set interval of fade effect
setInterval( "bannerRotate()", 7000 );

//Click function for banner thumbnails
$('#banner ul li .banner_thumb').click(function(){

    $('#banner ul li .banner_thumb').parent().removeClass("selected");
    $(this).parent().addClass("selected");
    //this is where I tried to make it wait but obviously this didn't work 
    setTimeout("bannerRotate()", 10000);    

});

任何建议/帮助都会很棒! :)

Answer 1

考虑使用setTimeout代替setInterval并在bannerRotate函数结束时更新它:

var timer = setTimeout("bannerRotate()", 7000);

$('#banner ul li .banner_thumb').click(function () {

     $('#banner ul li .banner_thumb').parent().removeClass("selected");
     $(this).parent().addClass("selected");
     //this is where I tried to make it wait but obviously this didn't work 
     clearTimeout(timer);
     setTimeout("bannerRotate()", 10000);

});

function bannerRotate() {
     //..your code
     timer = setTimeout("bannerRotate()", 7000);
}