JavaScript-在setTimeout内设置setTimeout以停止

Question

我有此代码-

function example() {

    var i = 0;

    function add() {
        i++;
    }

    setTimeout(function doSomething() {
        add();
        setTimeout(doSomething, 1000);
    }, 1000);
}

现在基本上我想通过按下按钮来使“ setTimeout”停止-任何想法我该怎么做？ 谢谢你的帮助

Answer 1

你不必调用setTimeout里面setTimeout 。 您可以使用setInterval ，它将每秒调用一次。 参见下面的代码，使用clearInterval()停止间隔

var timeInterval = '';
function example() {

    var i = 0;

    function add() {
        i++;
    }

    //store time Interval  using variable
    timeInterval = setInterval(function() {
        add();
        //setTimeout(doSomething, 1000);-- remove this
    }, 1000);
}

function buttonClick()
{
  //clear time out
  window.clearInterval(timeInterval);
}

Answer 2

您需要使用clearTimeout：

var timer = setTimeout(doSomething, 1000); //store setTimeout in a variable
//now when you need clear it:
clearTimeout(timer)

Answer 3

要清除“ setTimeout”引起的延迟，请使用“ clearTimeout”功能。 在这里检查