javascript - 如何停止 setInterval 调用

Question

我有两个 HTML 按钮。第一个按钮启动下面的 JavaScript 函数:

function generations(){
    var refresh = setInterval(function(){ mutation() }, 1000);
}

效果很好。我希望第二个按钮结束 setInterval。我试过这样:

function stop(){
    clearInterval(refresh);
}

不起作用。如果我在函数外部定义“刷新”变量，它会起作用，但我无法在我想要的时候启动它，它只是自动启动。这两个函数在单独的 .js 文件中定义。

帮助!

Answer 1

需要在外面声明，分开赋值。里面设置间隔:

var refresh;
function generations(){
    refresh = setInterval(function(){ mutation() }, 1000);
}

然后停止:

function stop(){
    if (refresh) { 
       clearInterval(refresh); 
    }
}