setTimeout和setInterval

setTimeout(methodName, interval); //间隔时间单位为毫秒，表示interval毫秒后执行方法methodName

setInterval(methodName, interval); //间隔时间单位为毫秒，表示每隔interval毫秒执行后都会执行一次方法methodName

执行的方法可以带参数，但是参数只能是字符串、数字类的，不能是对象

实例代码：

 <html>

     <head>

         <title>标题</title>

         <meta charset="utf8"/>

         <script type="text/javascript">

             //测试setTimeout

             var runTimeout, runInteval;

             function TestTimeout(idName){

                 if (!idName) idName = "showInfo";

                 document.getElementById(idName).innerText = (new Date()) + ", runTimeout = " + runTimeout;

                 runTimeout = setTimeout("TestTimeout('showInfo')", 1000); //一秒后执行

                 //或者写作：runTimeout = setTimeout(TestTimeout, 1000); //一秒后执行

             }

             function TestClearTimeout(){

                 clearTimeout(runTimeout);

                 runTimeout = null;

                 document.getElementById("showInfo").innerText = "setTimeout()停止了,  runTimeout = " + runTimeout;

             }

             //测试setInterval

             function ChangeTime(idName){

                 document.getElementById(idName).innerText = (new Date()) + ", runInteval = " + runInteval + ", runTimeout = " + runTimeout;

             }

             function TestInterval(){

                 if (runInteval){

                     return;

                 }

                 runInteval = setInterval("ChangeTime('showInfo2')", 1000); //每过一秒就调用ChangeTime()方法

                 //或者写作：runInteval = setInterval(ChangeTime, 1000);//需要带参数的话就用上面那种写法

             }

             //停止setInterval

             function TestClearInterval(){

                 clearInterval(runInteval);

                 runInteval = null;

                 document.getElementById("showInfo2").innerText = "setInterval()停止了,  runInteval = " + runInteval;

             }

         </script>

     </head>

     <body>

         <h3 id="showInfo"></h3>

         <h3 id="showInfo2"></h3>

         <input type="button" value="测试timeout" onclick="TestTimeout()"/>

         <input type="button" value="停止timeout" onclick="TestClearTimeout()"/>

         <input type="button" value="测试interval" onclick="TestInterval()"/>

         <input type="button" value="停止interval" onclick="TestClearInterval()" />

     </body>

 </html>

巴特西

setTimeout和setInterval

最新文章

热门文章