這篇文章主要給大家介紹了關於setTimeout與setInterval區別的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用js具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
前言
在製作網頁動態效果時,一定會遇到某些需求,要求某段程序等待多時時間後再開始執行,就像在我們的生活中一樣,待會兒再開始做一件事。在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則一般用於刷新表單,對於一些表單的假實時指定時間刷新同步
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對神馬文庫的支持。