有没有办法通过Onclick按钮杀死setInterval循环

问题描述

所以，我使用附加到onClick的setInterval在这个函数中有一个无限循环。问题是，我无法在onClick中使用clearInterval来阻止它。我认为这是因为当我将一个clearInterval附加到onClick时，它会杀死一个特定的时间间隔而不是该函数。我可以通过onClick 杀死所有间隔吗？

So, I got an infinite loop to work in this function using setInterval attached to an onClick. Problem is, I can't stop it using clearInterval in an onClick. I think this is because when I attach a clearInterval to an onClick, it kills a specific interval and not the function altogether. Is there anything I can do to kill all intervals through an onClick?

这是我的和我正在拨打的电话是

Here's my .js file and the calls I'm making are

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.

推荐答案

setInterval返回一个句柄，你需要处理所以你可以清除它

setInterval returns a handle, you need that handle so you can clear it

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

easiest, create a var for the handle in your html head, then in your onclick use the var

// in the head
var intervalHandle = null;

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

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

这篇关于有没有办法通过Onclick按钮杀死setInterval循环的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！