setTimeout()計時器,在載入后延遲指定時間后,去執(zhí)行一次表達式,僅執(zhí)行一次。
語法:
setTimeout(代碼,延遲時間);
參數(shù)說明:
1. 要調(diào)用的函數(shù)或要執(zhí)行的代碼串。
2. 延時時間:在執(zhí)行代碼前需等待的時間,以毫秒為單位(1s=1000ms)。
當我們打開網(wǎng)頁3秒后,在彈出一個提示框,代碼如下:
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> setTimeout("alert('Hello!')", 3000 ); </script> </head> <body> </body> </html>
當按鈕start被點擊時,setTimeout()調(diào)用函數(shù),在5秒后彈出一個提示框。
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function tinfo(){ var t=setTimeout("alert('Hello!')",5000); } </script> </head> <body> <form> <input type="button" value="start" onClick="tinfo()"> </form> </body> </html>
要創(chuàng)建一個運行于無窮循環(huán)中的計數(shù)器,我們需要編寫一個函數(shù)來調(diào)用其自身。在下面的代碼,當按鈕被點擊后,輸入域便從0開始計數(shù)。
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>
補充右邊編輯器第12和14行,使用setTimeout()實現(xiàn)計數(shù)統(tǒng)計效果,并在文本框中顯示數(shù)值。
第12行,在函數(shù)內(nèi)容使用setTimeout(),實現(xiàn)自身調(diào)用,創(chuàng)建一個循環(huán)計數(shù)器。
第14行,使用setTimeout(),在設定時間后執(zhí)行startCount()函數(shù)。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報