javascript - 停止setInterval并重新启动

我正在使用此设置间隔功能：

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

我想做的是，当用户单击带有div的onclick="topbartoggle"时，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(); }