标签：
setInterval()函数用法详解:
此函数用途相当广泛，在滚动代码或者焦点图片等等效果中都有应用，下面就通过实例简单介绍一下此函数的用法。
setInterval()函数可以规定在按照指定的周期来执行一段函数，也就是说每隔一定事件就开始执行一次指定的函数。
语法如下:
setInterval(code,interval)
此函数具有两个参数，第一个参数规定要执行的函数，第二个参数规定函数两次执行之间的间隔，单位是毫秒（1秒=1000毫秒）。
代码实例如下:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/javascript"> window.onload=function(){ var mytest=document.getElementById("mytest"); var flag=0; var x=setInterval(mytime,1000); function mytime(){ flag=flag+1; mytest.innerHTML=flag; } } </script> </head> <body> <div id="mytest"></div> </body> </html>
以上代码可以通过setInterval()函数可以每隔一秒执行一次mytime()函数，此函数每执行一次，flag就是加1，然后将flag写入div。
此函数一般要和clearInterval()函数配合使用，setInterval()函数可以返回一个当前setInterval()函数的一个唯一标示值，于是clearInterval()函数可以以此标示值为参数停止相应setInterva()函数的执行，以上代码修改如下:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/javascript"> window.onload=function(){ var mytest=document.getElementById("mytest"); var bt=document.getElementById("bt"); var flag=0; var x=setInterval(mytime,1000); function mytime(){ flag=flag+1; mytest.innerHTML=flag; } bt.onclick=function(){ clearInterval(x); } } </script> </head> <body> <div id="mytest"></div> <button id="bt">停止执行</button> </body> </html>
点击按钮就可以结束setInterval()函数的执行。
原文地址是:setInterval()函数用法详解一章节。
标签：
原文地址：http://www.cnblogs.com/come-on/p/4941386.html
