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
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知