setTimeout與setInterval的區(qū)別淺析

更新時間：2019年03月23日 11:22:55 作者：番茄沙司a

這篇文章主要給大家介紹了關于setTimeout與setInterval區(qū)別的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧

前言

在制作網(wǎng)頁動態(tài)效果時，一定會遇到某些需求，要求某段程序等待多時時間后再開始執(zhí)行，就像在我們的生活中一樣，待會兒再開始做一件事。在JavaScript中主要通過定時器實現(xiàn)此類需求，本文將對定時器做一個概括，正對setTimeout()做一個詳細用法總結。

setTimeout()定義和用法

首先讓我們看一看W3C上關于setTimeout方法的介紹

定義

setTimeout() 方法用于在指定的毫秒數(shù)后調用函數(shù)或計算表達式。

語法

setTimeout(code,millisec)

參數(shù)：

code：必需。要調用的函數(shù)后要執(zhí)行的 JavaScript 代碼串。

millisec：必需。在執(zhí)行代碼前需等待的毫秒數(shù)。

提示

setTimeout() 只執(zhí)行 code 一次。如果要多次調用，請使用 setInterval() 或者讓 code 自身再次調用 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è)務場景

setTimeout用于延遲執(zhí)行某方法或功能
setInterval則一般用于刷新表單，對于一些表單的假實時指定時間刷新同步

總結

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

您可能感興趣的文章:

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