定时器

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Location</title>
 6 </head>
 7 <script type="text/javascript">
 8 
 9 window.onload=function(){
10 var count=document.getElementById("count");
11   /*
12   JS的程序的执行速度是非常非常快的
13   如果希望一段程序,可以每间隔一段时间执行一次,可以使用定时调用
14   setInterval()
15   可以将一个函数,每隔一段时间执行
16   参数
17   1.回调函数,该函数会每隔一段时间被调用一次
18   2.每次调用间隔的时间,单位是毫秒
19   返回值
20   返回一个Number类型的数据
21   这个数字作为定时器的唯一标识
22 
23   clearInterval()可以用来关闭一个定时器
24   方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
25   */
26   var num=1;
27   var timer=setInterval(function(){
28   if(num==10)clearInterval(timer);
29   count.innerHTML=num++;
30   },1000);
31 };
32   </script>
33 <style type="text/css">
34 </style>
35 <body>
36 <h3 id="count">1</h3>
37 </body>
38 </html>

 clearInterval()可以接受任意参数,

如果参数是一个有效的定时器的标识,则停止对应的定时器,如果参数不是一个有效的标识则则什么也不做

posted @ 2019-07-29 13:53  zuiaimiusi  阅读(110)  评论(0编辑  收藏  举报