在網頁製作動態效果時，一定會遇到某些需求，要求某段程式等待多時時間後再開始執行，就像在我們的生活中一樣，待會兒再開始做一件事。在JavaScript中主要通過定時器實現此類需求，本文將對定時器做一個概括，正對setTimeout()做一個詳細用法總結。 setTimeout()定義和用法 首先讓我們 ...
在網頁製作動態效果時，一定會遇到某些需求，要求某段程式等待多時時間後再開始執行，就像在我們的生活中一樣，待會兒再開始做一件事。在JavaScript中主要通過定時器實現此類需求，本文將對定時器做一個概括，正對setTimeout()做一個詳細用法總結。
setTimeout()定義和用法
首先讓我們看一看W3C上關於setTimeout方法的介紹
定義
setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式。
語法
setTimeout(code,millisec)
參數：
code：必需。要調用的函數後要執行的 JavaScript代碼串。
millisec： 必需。在執行代碼前需等待的毫秒數。
提示
setTimeout() 只執行 code 一次。如果要多次調用，請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。
代碼
?| 1 2 3 4 5 6 7 |
function hello(){
alert("hello");
}
//使用方法名字執行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字元串執行方法
window.clearTimeout(t1);//清除定時器
|
setInterval()定義和用法
代碼
?| 1 2 3 4 5 6 |
//實時刷新時間單位為毫秒
setInterval('refreshQuery()',8000);
/* 刷新查詢 */
function refreshQuery(){
$("#mainTable").datagrid('reload',null);
}
|
業務場景
- setTimeout用於延遲執行某方法或功能
- setInterval則一般用於刷新表單，對於一些表單的假實時指定時間刷新同步
