javascript - 有什么方法可以通过 Onclick 按钮终止 setInterval 循环

Question

所以，我使用附加到 onClick 的 setInterval 得到了一个无限循环来处理这个函数。问题是，我无法在 onClick 中使用 clearInterval 来阻止它。我认为这是因为当我将 clearInterval 附加到 onClick 时，它会终止特定的时间间隔而不是完全终止函数。我能做些什么来通过 onClick 来终止所有间隔吗？

这是我的 .js file我正在调用的电话是

input type="button" value="generate" onClick="generation();

input type="button" value="Infinite Loop!" onclick="setInterval('generation()',1000);"

input type="button" value="Reset" onclick="clearInterval(generation(),80;" // This one here is giving me trouble.

Answer 1

setInterval 返回一个句柄，您需要该句柄以便清除它

最简单，在你的 html 头中为句柄创建一个 var，然后在你的 onclick 中使用 var

// in the head
var intervalHandle = null;

// in the onclick to set
intervalHandle = setInterval(....

// in the onclick to clear
clearInterval(intervalHandle);

http://www.w3schools.com/jsref/met_win_clearinterval.asp