setTimeout和setInterval的語法相同。它們都有兩個參數,一個是將要執行的代碼字符串,還有一個是以毫秒為單位的時間間隔,當過了那個時間段之后就將執行那段代碼。
不過這兩個函數還是有區別的,setInterval在執行完一次代碼之后,經過了那個固定的時間間隔,它還會自動重復執行代碼,而setTimeout只執行一次那段代碼。
區別:window.setTimeout("function",time);//設置一個超時對象,只執行一次,無周期
window.setInterval("function",time);//設置一個超時對象,周期='交互時間'
停止定時:
window.clearTimeout(對象) 清除已設置的setTimeout對象
window.clearInterval(對象) 清除已設置的setInterval對象
PerRefresh(); function
PerRefresh() { var today
= new Date(); alert( "The
time is: " +
today.toString()); setTimeout( "showTime()" ,
5000); } |
一旦調用了這個函數PerReflesh,那么就會每隔5秒鐘就顯示一次時間
setInterval( "PerRefresh()" ,
5000); function
PerRefresh() { var today
= new Date(); alert( "The
time is: " +
today.toString()); } |
而setInterval卻沒有被自己所調用的函數所束縛,它只是簡單地每隔一定時間就重復執行一次那個函數。
只要調用了setInterval("PerRefresh()", 5000)此函數,那么每隔5秒鐘就會執行PerRefresh這個函數。
如果要求在每隔一個固定的時間間隔后就精確地執行某動作,那么最好使用setInterval,而如果不想由于連續調用產生互相干擾的問題,尤其是每次函數的調用需要繁重的計算以及很長的處理時間,那么最好使用setTimeout。
setInterval 不斷地執行指定代碼直到調用clearInterval清除定時器對象
setTimeout 執行一次指定代碼,使用clearTimeout清除定時器對象
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈