停止setInterval并重新启动它

Stop setInterval and start it again

本文关键字：重新启动 setInterval 停止      更新时间：2023-09-26

我正在使用这个设置间隔函数：

    function ticker(){
        setInterval(function(){
            $('.slide').fadeToggle();
        }, 5000);
    }

我想做的是，当用户用onclick="topbartoggle"点击div时，setInterval功能停止，如果他再次点击，setInterval功能再次开始工作：

function topbartoggle(){
    $('#top-bar').toggleClass('active');
    $('.top-bar-box').slideToggle();
    $('.top-bar-close').fadeToggle();   
}

你知道怎么做吗？

var tickerID = false; 
function ticker(){ 
    tickerID = setInterval(function(){ 
         $('.slide').fadeToggle(); 
    }, 5000); 
}

要停止股票行情，请使用

clearInterval（tickerID）；

要重新启动它，只需调用ticker（）；

编辑：了解你需要切换股票代码，将其添加到你的切换功能中：

if(tickerID != false) {
    clearInterval(tickerID);
    tickerID = false;
} else { ticker(); }

由于您希望保持相同的延迟，因此保持计时器运行可能是最简单的：

var shouldTick = true;
var $slide = $('.slide');
setInterval(function () {
    if (shouldTick) {
        $slide.fadeToggle();
    }
}, 5000);
function topbartoggle() {
    shouldTick = !shouldTick;
    $('#top-bar').toggleClass('active');
    $('.top-bar-box').slideToggle();
    $('.top-bar-close').fadeToggle();   
}

setInterval返回一个可以用来停止间隔的句柄，如下所示：

var myInterval = setInterval(function() { // myInterval should be global
    something();
}, 5000);
function stopInterval()
{
    clearInterval(myInterval);
}

所以你可以这样做：

<div onclick="stopInterval();anyOtherFunction();"></div> //anyOtherFunction could be any function you want.
相关文章：