javascript – 如何阻止计时器功能运行?

前端之家收集整理的这篇文章主要介绍了javascript – 如何阻止计时器功能运行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我对js有点新鲜,一直试图弄清楚如何在点击按钮时停止运行此功能.我尝试使用clearInterval,但我不确定我是否正确使用它.有人可以看一下这段代码并指出我正确的方向吗?

码:

脚本:

var arr = [ "one","two","three"];

(function timer(counter) {
     var text = arr[counter];

    $('#target').fadeOut(500,function(){ 
        $("#target").empty().append(text).fadeIn(500);
    });

    delete arr[counter];
    arr.push(text);

    setTimeout(function() {
        timer(counter + 1);
    },3000);

    $("#stop").click(function () {
       clearInterval(timer);
    });

})(0);

setInterval(timer);

JS小提琴:http://jsfiddle.net/58Jv5/13/

在此先感谢您的帮助.

最佳答案
您需要为JavaScript提供间隔的引用:

var t = setTimeout(function() {
    timer(counter + 1);
},3000);

然后你可以这样清除它:

$("#stop").click(function () {
   clearTimeout(t);
});
原文链接:https://www.f2er.com/jquery/428385.html

猜你在找的jQuery相关文章