JS-06-定時器

時間 2019-11-10

原文原文鏈接

 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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。