HTML DOM setInterval和clearInterval方法案例详解

文章来源：学习通http://www.bdgxy.com/

普学网http://www.boxinghulanban.cn/

智学网http://www.jaxp.net/

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

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

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

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

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

同样，可以达到我们预期的效果：

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

到此这篇关于HTML DOM setInterval和clearInterval方法案例详解的文章就介绍到这了,更多相关HTML DOM setInterval和clearInterval方法内容请搜索菜鸟教程https://www.piaodoo.com/以前的文章或继续浏览下面的相关文章希望大家以后多多支持菜鸟教程https://www.piaodoo.com/！

                        CSS/HTML

HTML DOM setInterval和clearInterval方法案例详解相关推荐

【ArcGIS风暴】ArcGIS10.6获取栅格影像边界范围的三种方法案例详解
基于ArcGIS平台有多种办法可以提取栅格影像边界,常见的方法有3种: 栅格范围(Raster Domain) 栅格转面(Raster to Polygon) 创建轮廓(BuildFootprints ...
python装饰器setter_第7.27节 Python案例详解： @property装饰器定义属性访问方法getter、setter、deleter...
上节详细介绍了利用@property装饰器定义属性的语法,本节通过具体案例来进一步说明. 一. 案例说明本节的案例是定义Rectangle(长方形)类,为了说明问题,除构造函数外,其他方法都只 ...
android自定义view案例,Android自定义View的实现方法实例详解
一.自绘控件下面我们准备来自定义一个计数器View,这个View可以响应用户的点击事件,并自动记录一共点击了多少次.新建一个CounterView继承自View,代码如下所示: 可以看到,首先我们在 ...
java同步方法完成案例_Java同步代码块和同步方法原理与应用案例详解
本文实例讲述了java同步代码块和同步方法.分享给大家供大家参考,具体如下: 一点睛所谓原子性WOmoad:一段代码要么执行,要么不执行,不存在执行一部分被中断的情况.言外之意是这段代码就像原子一 ...
python代码案例详解-第7.20节案例详解：Python抽象类之真实子类
第7.20节案例详解:Python抽象类之真实子类上节介绍了Python抽象基类相关概念,并介绍了抽象基类实现真实子类的步骤和语法,本节结合一个案例进一步详细介绍. 一. 案例说明本节定义了图形 ...
代码检查规则：Java语言案例详解
本节课程为<代码检查规则:Java语言案例详解>, 通常情况下Java的代码检查规则可以分为以下十类: 接下来,让我们具体来看看每个分类的内容. 一.源文件规范该类规范主要从文件名.文件 ...
Ajax基本案例详解之$.get的实现
前面我已经写过一篇ajax的$.ajax的实现了,其中html,css,doindex.jsp里面已经详细列出来了,这篇主要写的是$.get()的实现,其中html,css,doindex.jsp都和 ...
java swing 案例详解_《Java Swing图形界面开发与案例详解》PDF_IT教程网
资源名称:<Java Swing图形界面开发与案例详解>PDF 内容简介: <Java Swing图形界面开发与案例详解>全书共20章,其中第1-2章主要介绍有关Swing的基 ...
微信支付 php详解,PHP实现微信支付实战案例详解
这次给大家带来PHP实现微信支付实战案例详解,PHP实现微信支付的注意事项有哪些,下面就是实战案例,一起来看一下. 前期准备: 1.微信认证服务号,并且开通了微信支付 2.微信支付SDK,下载地址:h ...

HTML DOM setInterval和clearInterval方法案例详解

HTML DOM setInterval和clearInterval方法案例详解相关推荐

最新文章

热门文章