標籤：for new time charset date 賦值 編寫 start clear
1、計時器setInterval()在執行時,從載入頁面後每隔指定的時間執行代碼。
文法:
setInterval(代碼,互動時間);
參數說明：
1. 代碼：要調用的函數或要執行的代碼串。
2. 互動時間：周期性執行或調用運算式之間的時間間隔，以毫秒計（1s=1000ms）。
傳回值:
一個可以傳遞給 clearInterval() 從而取消對"代碼"的周期性執行的值。
調用函數格式(假設有一個clock()函數):
setInterval("clock()",1000)或setInterval(clock,1000)
我們設定一個計時器，每隔100毫秒調用clock()函數，並將時間顯示出來，代碼如下:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>計時器</title><script type="text/javascript"> var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; }</script></head><body> <form> <input type="text" id="clock" size="50" /> </form></body></html>2、取消計時器clearInterval()
clearInterval() 方法可取消由 setInterval() 設定的互動時間。
文法：
clearInterval(id_of_setInterval)
參數說明:
id_of_setInterval：由 setInterval() 返回的 ID 值。
每隔 100 毫秒調用 clock() 函數,並顯示時間。當點擊按鈕時，停止時間,代碼如下:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>計時器</title><script type="text/javascript"> function clock(){ var time=new Date(); document.getElementById("clock").value = time; }// 每隔100毫秒調用clock函數，並將傳回值賦值給i var i=setInterval("clock()",100);</script></head><body> <form> <input type="text" id="clock" size="50" /> <input type="button" value="Stop" onclick="clearInterval(i)" /> </form></body></html>
3、計時器setTimeout()
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" onClick="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" onClick="numCount()" /></form></body></html>
js-瀏覽器對象
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
