setTimeout與setInterval的區別淺析

這篇文章主要給大家介紹了關於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則一般用於刷新表單,對於一些表單的假實時指定時間刷新同步

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對神馬文庫的支持。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章