setInterval及停止setinterval

时间：5年前阅读：4088

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,我们将及时处理。

微信扫码关注

更新实时通知

setInterval及停止setinterval

网友评论