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);
}