setTimeout與setInterval的區(qū)別淺析
前言
在制作網(wǎng)頁動態(tài)效果時,一定會遇到某些需求,要求某段程序等待多時時間后再開始執(zhí)行,就像在我們的生活中一樣,待會兒再開始做一件事。在JavaScript中主要通過定時器實現(xiàn)此類需求,本文將對定時器做一個概括,正對setTimeout()做一個詳細用法總結(jié)。
setTimeout()定義和用法
首先讓我們看一看W3C上關(guān)于setTimeout方法的介紹
定義
setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式。
語法
setTimeout(code,millisec)
參數(shù):
code:必需。要調(diào)用的函數(shù)后要執(zhí)行的 JavaScript 代碼串。
millisec: 必需。在執(zhí)行代碼前需等待的毫秒數(shù)。
提示
setTimeout() 只執(zhí)行 code 一次。如果要多次調(diào)用,請使用 setInterval() 或者讓 code 自身再次調(diào)用 setTimeout()。
代碼
function hello(){ alert("hello"); } //使用方法名字執(zhí)行方法 var t1 = window.setTimeout(hello,1000); var t2 = window.setTimeout("hello()",3000);//使用字符串執(zhí)行方法 window.clearTimeout(t1);//清除定時器
setInterval()定義和用法
代碼
//實時刷新時間單位為毫秒 setInterval('refreshQuery()',8000); /* 刷新查詢 */ function refreshQuery(){ $("#mainTable").datagrid('reload',null); }
業(yè)務(wù)場景
- setTimeout用于延遲執(zhí)行某方法或功能
- setInterval則一般用于刷新表單,對于一些表單的假實時指定時間刷新同步
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對腳本之家的支持。
- setTimeout和setInterval的區(qū)別你真的了解嗎?
- javascript setTimeout和setInterval計時的區(qū)別詳解
- javascript setTimeout和setInterval 的區(qū)別
- setInterval()和setTimeout()的用法和區(qū)別示例介紹
- setTimeout()與setInterval()方法區(qū)別介紹
- setInterval和setTimeout停止的方法
- Js setInterval與setTimeout(定時執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
- JavaScript SetInterval與setTimeout使用方法詳解
- Js中setTimeout()和setInterval() 何時被調(diào)用執(zhí)行的用法
- JavaScript中SetInterval與setTimeout的用法詳解
相關(guān)文章
Javascript腳本獲取form和input內(nèi)容的方法(兩種方法)
隨著js的發(fā)展,許多的網(wǎng)頁數(shù)據(jù)處理完全可以由js腳本解決,而不需要發(fā)送到服務(wù)器,這里分享兩種Javascript腳本獲取form和input內(nèi)容的方法,感興趣的朋友跟隨小編一起看看吧2023-05-05全面解析Bootstrap中form、navbar的使用方法
這篇文章主要為大家詳細解析了Bootstrap中form、navbar的使用方法,感興趣的朋友可以參考一下2016-05-05用javascript獲取任意顏色的更亮或更暗顏色值示例代碼
最近在工作中遇到的一個需求,發(fā)現(xiàn)網(wǎng)上沒有相對應(yīng)的解決方法,索性自己寫一個,所以這篇文章主要給大家介紹了關(guān)于利用javascript獲取任意顏色更亮或更暗顏色值的相關(guān)資料,文中給出了詳細的示例代碼,需要的朋友可以參考借鑒,下面來一起看看吧。2017-07-07利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能
在文中列表頁方面利用AJAX制作滾動到底觸發(fā)翻頁的效果比較常見,而在評論加載時AJAX顯示正在加載也很常用,下面就來看一下如何利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能2016-05-05JS實現(xiàn)表格數(shù)據(jù)各種搜索功能的方法
這篇文章主要介紹了JS實現(xiàn)表格數(shù)據(jù)各種搜索功能的方法,可實現(xiàn)忽略大小寫,模糊搜索,多關(guān)鍵搜索等功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03