setTimeout()計時器,在載入後延遲指定時間後,去執行一次表達式,僅執行一次。
語法:
setTimeout(代碼,延遲時間);
參數說明:
1. 要調用的函數或要執行的代碼串。
2. 延時時間:在執行代碼前需等待的時間,以毫秒爲單位(1s=1000ms)。
當我們打開網頁3秒後,在彈出一個提示框,代碼如下:
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> setTimeout("alert('Hello!')", 3000 ); </script> </head> <body> </body> </html>
當按鈕start被點擊時,setTimeout()調用函數,在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" ="tinfo()"> </form> </body> </html>
要創建一個運行於無窮循環中的計數器,我們需要編寫一個函數來調用其自身。在下面的代碼,當按鈕被點擊後,輸入域便從0開始計數。
<!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" ="numCount()" /> </form> </body> </html>