setTimeout() 可以理解為 定時炸彈 >隔一段事件執行,並且只會執行一次 函數語法: setTimeout(參數1,參數2) 參數1:待執行的函數,可以在方法裡面寫匿名函數,也可以在外面寫好函數,這裡直接傳入函數名 參數2:執行函數觸發到執行的時間間隔,單位是毫秒 1s=1000ms 返回 ...
setTimeout() 可以理解為 定時炸彈 ---------------->隔一段事件執行,並且只會執行一次
函數語法:
setTimeout(參數1,參數2)
參數1:待執行的函數,可以在方法裡面寫匿名函數,也可以在外面寫好函數,這裡直接傳入函數名
參數2:執行函數觸發到執行的時間間隔,單位是毫秒 1s=1000ms
返回值:整形數據,用來標識定時器。頁面中很多個定時器,每個定時器都有自己的標識符
清除定時器的方法:
clearTimeout(參數3)
參數3:定時器的標識符
詳細代碼如下:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>setTimeout</title> 6 </head> 7 8 <body> 9 <!-- 兩個按鈕,一個“開始”,一個“取消” --> 10 <input type="button" id="btnStart" value="開始" /> 11 <input type="button" id="btnEnd" value="取消" /> 12 13 <!-- 插入JS --> 14 <script> 15 16 var timeId;//存放定時器的標識 17 // 給"開始"按鈕註冊點擊事件,在事件中插入一個定時器 18 var btnStart=document.getElementById('btnStart'); 19 btnStart.onclick=function(){ 20 21 //setTimeout(參數1,參數2) 22 //參數1:要執行的函數,可以是匿名函數,也可以是已經定義好的函數 23 //參數2:待執行函數的執行間隔,單位是毫秒 1s=1000ms 24 //返回值:是一個整數,用以標識定時器,以後要關閉該定時器,就是通過該標識符找到該定時器 25 // setTimeout(function(){ 26 // console.log('要爆炸了'); 27 // },2000); 28 29 //定時器要執行的函數 30 function fn(){ 31 console.log('要爆炸了'); 32 } 33 timeId=setTimeout(fn,2000); 34 } 35 36 // 給"取消"按鈕註冊點擊事件,在事件中取消定時器 37 var btnEnd=document.getElementById('btnEnd'); 38 btnEnd.onclick=function(){ 39 //通過定時器標識符取消定時器 40 clearTimeout(timeId); 41 } 42 </script> 43 </body> 44 </html>