首頁  >  文章  >  web前端  >  js定時器的使用(實例講解)_javascript技巧

js定時器的使用(實例講解)_javascript技巧

WBOY
WBOY原創
2016-05-16 17:05:16909瀏覽

在javascritp中,有兩個關於定時器的專用函數,分別為:

1.倒數計時器:timename=setTimeout("function();",delaytime);
2.循環計時器:timename=setInterval("function();",delaytime);

第一個參數「function()」是定時器觸發時要執行的動作,可以是一個函數,也可以是幾個函數,函數間用「;」隔開即可。例如要彈出兩個警告窗口,便可將“function();”換成
“alert('第一個警告窗口!');alert('第二個警告窗口!');”;而第二個參數“delaytime”則是間隔的時間,以毫秒為單位,即填寫“5000”,就表示5秒鐘。
  倒數計時器是在指定時間到達後觸發事件,而循環定時器就是在間隔時間到來時反覆觸發事件,兩者的區別在於:前者只是作用一次,而後者則不停地作用。
例如你打開一個頁面後,想間隔幾秒鐘自動跳到另一個頁面,則你就需要採用倒數計時器“setTimeout("function();",delaytime)” ,而如果想將某一句話設定成一個字的出現,
則需要用到循環定時器“setInterval("function();",delaytime)” 。

取得表單的焦點,則用到document.activeElement.id。利用if來判斷document.activeElement.id和表單的ID是否相同。
例如:if ("mid" == document.activeElement.id) {alert();},"mid"便是表單對應的ID。

定時器:
用以指定在一段特定的時間後執行某段程式。

JS中定時執行,setTimeout和setInterval的區別,以及l解除方法

setTimeout(Expression,DelayTime),在DelayTime過後,將執行一次Expression,setTimeout 運用在延遲一段時間,再進行某項操作。
setTimeout("function",time) 設定一個超時物件

setInterval(expression,delayTime),每個DelayTime,都將執行Expression.常常可用於刷新表達式.
setInterval("function",time) 設定一個超時物件

SetInterval為自動重複,setTimeout不會重複。

clearTimeout(物件) 清除已設定的setTimeout物件
clearInterval(物件) 清除已設定的setInterval物件

略舉兩例。
例1.表單觸發或載入時,逐字輸出字串

複製代碼 代碼如下:




陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn