setTimeout與setInterval的區(qū)別淺析
前言
在制作網(wǎng)頁動態(tài)效果時，一定會遇到某些需求，要求某段程序等待多時時間后再開始執(zhí)行，就像在我們的生活中一樣，待會兒再開始做一件事。在JavaScript中主要通過定時器實現(xiàn)此類需求，本文將對定時器做一個概括，正對setTimeout()做一個詳細(xì)用法總結(jié)。
setTimeout()定義和用法
首先讓我們看一看W3C上關(guān)于setTimeout方法的介紹
定義
setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達(dá)式。
語法
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模擬實現(xiàn)C# String.format函數(shù)功能代碼
這篇文章主要介紹了javascript模擬實現(xiàn)C# String.format函數(shù)功能,相信大家可以用的到2013-11-11
淺談JavaScript宏任務(wù)和微任務(wù)執(zhí)行順序
本文主要介紹了JavaScript宏任務(wù)和微任務(wù)執(zhí)行順序，結(jié)合實例代碼進(jìn)行了詳細(xì)的講解，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)新建文件夾功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
表單常見的元素主要包括：文本輸入框、下拉選擇框、單選框、復(fù)選框、文本域、按鈕等。接下來通過本文給大家介紹Bootstrap表單組件教程，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
JS延遲加載,也就是等頁面加載完成之后再加載 JavaScript 文件,JS延遲加載有助于提高頁面加載速度,本文小編給大家介紹了JS延遲加載的幾種方式小結(jié),感興趣的小伙伴跟著小編一起來看看吧2024-08-08
這篇文章主要介紹了prototype框架中美元符號$用法,結(jié)合實例形式較為詳細(xì)的分析了$符號的使用技巧與相關(guān)注意事項,需要的朋友可以參考下2016-01-01
js獲取TreeView控件選中節(jié)點的Text和Value值的方法
在實際項目中，遇到一個問題，首先彈出一個新窗口，新窗口中放了一個TreeView控件，現(xiàn)在要解決的是，如何單擊TreeView中一個節(jié)點，返回Text和Value到父頁面并關(guān)閉該新窗口,本文將詳細(xì)介紹此方法的實現(xiàn)2012-11-11
本文主要介紹了js獲取ip和地區(qū)的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
javascript forEach函數(shù)實現(xiàn)代碼
在Base2中找到一個叫forEach的函數(shù)，是我見過的最好的實現(xiàn)。挖出來分析一下。它能對各種普通對象，字符串，數(shù)組以及類數(shù)組進(jìn)行遍歷。如果原游覽器的對象已實現(xiàn)此函數(shù)，它則調(diào)用原對象的函數(shù)。2010-01-01
layui點擊數(shù)據(jù)表格添加或刪除一行的例子
今天小編就為大家分享一篇layui點擊數(shù)據(jù)表格添加或刪除一行的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09