在網頁制作動態效果時，一定會遇到某些需求，要求某段程序等待多時時間后再開始執行，就像在我們的生活中一樣，待會兒再開始做一件事。在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則一般用於刷新表單，對於一些表單的假實時指定時間刷新同步