JS-06-定时器 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script>
 9 //            js定时器,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行
10 //          js定时器的作用,制作动画,异步操作
11 //          定时器类型与语法:
12 //                setInterval(function(),time)-间隔指定的毫秒数不停的执行指定的代码
13 //                setTimeout(function(),time)-暂停指定的毫秒数执行指定的代码
14 //                setInterval()和setTimeout()是Window对象的两个方法
15 //           定时器:
16 //                setTimeout 只执行一次定时器
17 //                clearTimeout 关闭只执行一次的定时器
18 //                setInterval 反复执行的定时器
19 //                clearInterval 关闭反复执行的定时器
20             function setTime () {
21                 function demo(){
22                      console.log('单次定时器执行')
23                  }
24                  setTimeout(demo,1000);//调用外部写的函数时函数名后不要有()
25                  
26                   setTimeout(function(){
27                      console.log('单次定时器启动')
28                  },0);
29                  
30                  setTimeout(function(){
31                      console.log('单次定时器结束')
32                  },2000);
33             }
34             
35             
36             var set = setInterval(setTime,5000);//调用外部写的函数时函数名后不要有()
37             console.log('循环定时器启动')
38    
39             setTimeout(function(){
40                 console.log('清除循环定时器');
41                 clearInterval(set);//调用外部写的函数时函数名后不要有()
42             },8000);
43             
44         </script>
45     </body>
46 </html>

 

posted @ 2019-07-29 21:26  我只是一个码农  阅读(162)  评论(0)  编辑  收藏  举报