码迷,mamicode.com
首页 > 其他好文 > 详细

定时器

时间:2019-07-29 14:42:25      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:val   head   div   ack   class   定时   col   时间   cat   

 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>

 

定时器

标签:val   head   div   ack   class   定时   col   时间   cat   

原文地址:https://www.cnblogs.com/zuiaimiusi/p/11263446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!