HTML DOM SetInterval和ClearInterval方法案例详解

在javascript编程中,setInterval可以帮助我们实现一个定时器的功能,能够让我们定时执行某一项操作,如果不需要继续执行了,我们只需要调用clearInterval函数,清除定时器即可。

这里要重点说的是清除定时器的时机,我们一般是需要进行一个条件判断,比如 var count=5,我们定时执行count--操作,当count==0的时候,清除定时器,一般情况下,我们的代码是这样写的。

FDA622EF-22D2-A446-866B-6D026DCC6C33.png

这段代码,逻辑上没有什么问题,就是当count==0的时候,我们清除定时器。我们运行这段代码,看看效果:

62BFB813-9974-F466-9B05-4BECCDD00AAE.png

我们惊奇的发现,并不是我们想象中的那样,setInterval这个函数,并不会在清理定时器之后,就退出,后续的操作还是会执行。为了让清除定时器之后的代码不再执行,我们可以直接进行return返回。

5DE8EC5C-48AD-4509-CEFC-B8C973EF0060.png

这种办法是可行的,但是也是没有太大的必要,我们可以进行简单的语句顺序调换,把条件判断放到最后,我们的代码就成了这样。

985D772E-7A0A-4C59-9400-DDDD183DA468.png

同样,可以达到我们预期的效果:

52F19C09-8DEA-2061-C15A-6797D16B7C74.gif

setInterval函数执行,会返回一个定时参数,这里我们叫interval,当我们需要清除定时器的时候,就直接传入这个参数,如clearInterval(interval)。

收藏 (0)
评论列表
正在载入评论列表...
我是有底线的
为您推荐
    暂时没有数据