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