JavaScript定时器（setInterval & setTimeout ）

setInterval和setTimeout是干什么的？

JS 中设置延时的函数主要有两个：setInterval和setTimeout。这两个函数的区别在于： setInterval表示的是循环执行，执行无数次直至清除循环 setTimeout表示的是延迟执行，只执行一次。 这两个函数分别对应两个清除函数： clearTimeout(对象)//清除已设置的setTimeout对象 >clearInterval(对象)// 清除已设置的setInterval对象 下面讲解两种函数的用法

setInterval怎么用？

setInterval(function,interval[,arg1,arg2,….argn])` 上面这是setInterval的完整参数，其中方括号中的arg都是可以缺省的，表示的是要传给function的参数。为了能让清除函数找到这个循环对象，我们还要给这个定时器起一个名字。下面看例子：

无参函数的调用 var MyName=setInterval(hello,1000);//这里每隔一秒调用一次hello函数，这个函数没有参数 function hello(){ alert("你好呀"); } document.onclick=clearInterval("MyName");//点击就会清除循环 有参函数的调用 var MyName=setInterval(hello,1000,100,"jessie");//这里每隔一秒调用一次hello函数，这个函数有两个参数 function hello(number,str){ alert("你好呀,我叫"+str+"我最喜欢的数字是："+number); } document.onclick=clearInterval("MyName"); 匿名函数调用 var MyName=setInterval(function(){ alert("你好呀"); },1000);//这里每隔一秒调用一次匿名函数，但是没办法传参数了 document.onclick=clearInterval("MyName");

上面这三个函数虽然都设置了点击清楚循环，但实际上网页每隔一秒跳出一个弹窗，所以你只有在两次弹窗间隙赶紧点击才可以清除，哈哈哈哈

setTimeout怎么用？

应该说setTimeout和setInterval用法差不多，只不过功能不一样，这个是延迟固定时间后再执行。那么你在执行前还是有机会调用clearTimeout来清除这个延时函数的。还是给个代码的例子吧～

就比如说考试系统超时会自动提交这个例子： var myTime=setTimeout(submitTest,60000);//60秒后调用`submitTest`函数。 document.onclick=clearTimeout("myTime");//在此期间如果发生点击事件，就不再延迟执行`submitTest`函数。 function submitTest(){ alert("考试超时，已自动提交试卷！"); myForm.submit(); }