HTML DOM setInterval和clearInterval方法需要注意的问题 骑猪看日落 2021-12-11 15:13 252阅读 0赞 在javascript编程中，setInterval可以帮助我们实现一个定时器的功能，能够让我们定时执行某一项操作，如果不需要继续执行了，我们只需要调用clearInterval函数，清除定时器即可。 这里要重点说的是清除定时器的时机，我们一般是需要进行一个条件判断，比如 var count=5,我们定时执行count--操作，当count==0的时候，清除定时器，一般情况下，我们的代码是这样写的。 ![20190709121634245.png][] 这段代码，逻辑上没有什么问题， 就是当count==0的时候，我们清除定时器。我们运行这段代码，看看效果： ![20190709121834279.png][] 我们惊奇的发现，并不是我们想象中的那样，setInterval这个函数，并不会在清理定时器之后，就退出，后续的操作还是会执行。为了让清除定时器之后的代码不再执行，我们可以直接进行return返回。 ![20190709122219451.png][] 这种办法是可行的，但是也是没有太大的必要，我们可以进行简单的语句顺序调换，把条件判断放到最后，我们的代码就成了这样。 ![20190709122608307.png][] 同样，可以达到我们预期的效果： ![20190709122635115.gif][] setInterval函数执行，会返回一个定时参数，这里我们叫interval，当我们需要清除定时器的时候，就直接传入这个参数，如clearInterval(interval)。 [20190709121634245.png]: /images/20211211/61f105e9c84544e183b55f55ea7de745.png [20190709121834279.png]: /images/20211211/9f5b138cc5444dddbab1faac536c9303.png [20190709122219451.png]: /images/20211211/e8f96b28444341bcadc465ac0eca71df.png [20190709122608307.png]: /images/20211211/966737d6d8f34ea2ab0b43076bb6ec58.png [20190709122635115.gif]: /images/20211211/8b1597ee75634419b4a26bb2cb18d4cf.png
还没有评论，来说两句吧...