HTML DOM setInterval和clearInterval方法案例详解_CSS/HTML

来源:脚本之家  责任编辑:小易  

在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方法内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

您可能感兴趣的文章:如何利用pandas将Excel转为html格式php将word转换为html格式代码分析scrapy+flask+html打造搜索引擎的示例代码html form表单基础入门案例讲解教你如何从 html 实现一个 react

  • 本文相关:
  • marquee的详细用法解析
  • overflow oprea
  • css white-space:nowrap属性用法(可以强制文字不换行输出)
  • 让comment标记在各浏览器都能通用
  • 130个漂亮css布局站点参考
  • web标准布局实例教程,用定位轻松解决css复杂布局
  • asp+css 实现列表隔行换色
  • li中插入img图片间有空隙的解决方案
  • 表格边框的css语法
  • 空间页面css说明
  • java中使用DOM插入节点问题
  • JSP基于dom解析xml实例详解
  • dom4j写xml 请教高手!
  • dom4j简单学习 element和node的区别
  • dom4j写xml 请教高手!
  • 怎么使用XMLDOMDocument生成一段xml代码?
  • tinyxml setcdata 怎么不换行
  • java中用dom读取属性值
  • java中用dom读取属性值
  • PHP5中使用DOM控制XML实现代码
  • dom4j怎么读取有 : 的xml
  • java中用dom4j如何循环XML各个节点,输出属性值到控制台??请...
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页如何利用pandas将excel转为html格式php将word转换为html格式代码分析scrapy+flask+html打造搜索引擎的示例代码html form表单基础入门案例讲解教你如何从 html 实现一个 reactmarquee的详细用法解析overflow opreacss white-space:nowrap属性用法(可以强制文字不换行输出)让comment标记在各浏览器都能通用130个漂亮css布局站点参考web标准布局实例教程,用定位轻松解决css复杂布局asp+css 实现列表隔行换色li中插入img图片间有空隙的解决方案表格边框的css语法空间页面css说明漂亮的表格页面遮罩层,并且阻止页面body滚html清除浮动的6种方法示例相对路径与绝对路径的区别css绘制五角星css透明属性详解代码文字或图片元素在div中垂直居中纯css实现鼠标放上去改变文字内容css如何使div层居中css图文混排的几种方案w3c技术架构介绍高德地图web版基础控件展示元素水平居中方案全集同一个页面用多个id有什么影响凹陷文字 推荐认识css中absolute与relative用css截取字符的几种方法详解(css排版隐解决url中含有-与号-不符合标准问题html clearfix清除浮动讲解html iframe标签用法案例详解
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved