1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

setInterval及停止setinterval

setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。

setInterval()方法的定义和用法:

此方法可以按照指定的周期执行来执行一段程序;周期是以毫秒为单位的。

window.setInterval()方法当然也可以简写成setInterval()。

特别说明:凡是属于window对象的方法都可以直接使用,无需使用window对象调用。

如果不关闭游览器或者调用clearInterval()将会永远的执行下去。

返回值是当前定时器的唯一ID标识。

总结:

语法  setInterval(code,interval)

①可以有第三个参数,第三个参数作为第一个参数(函数)的参数

②第一个参数是函数,有三种形式:

1、传函数名,不用加引号,也不加括号,如 setInterval( func, 1000)

2、传匿名函数,实际和1是一样的

3、传函数字符串,加引号,也要加括号。如 setInterval("func()",1000);   这种方法,会在全局作用域下查找函数,有时候有问题。所以推荐前两种

4、标准中,setInterval()如果前一次代码没有执行完,则会跳过此次代码的执行。

5、 浏览器中,setInterval()如果前一次代码没有执行完,不会跳过此次代码,而是将其插在队列中,等待前一次代码执行完后立即执行。

6Node中,setInterval()会严格按照间隔时间执行。

二、停止定时器

例子:

<!DOCTYPE html>  <html>  	<head>  		<meta charset="UTF-8">  		<title></title>  		<script type="text/javascript">  			var dd = setInterval(function(){  				alert('你好');  			},2000);  //			setTimeout定时炸弹  			setTimeout(function(){  //				清理定时器  				clearInterval(dd);  			},5000);  		</script>  	</head>  	<body>  	</body>  </html>

setTimeout与setInterval的主要区别是:

1、setTimeout()方法只运行一次,也就是说当达到设定的时间后就出发运行指定的代码,运行完后就结束了,如果还想再次执行同样的函数,可以在函数体内再次调用setTimeout(),可以达到循环调用的效果。

2、setInterval()是循环执行的,即每达到指定的时间间隔就执行相应的函数或者表达式,是真正的定时器。

本文 2019-06-23 最后编辑

原文链接:https://www.qiquanji.com/post/8657.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: