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,我们将及时处理。
微信扫码关注
更新实时通知