JS中的間歇調用setInterval()與超時調用setTimeout()相關總結

来源:http://www.cnblogs.com/jesse131/archive/2016/01/09/5117547.html
-Advertisement-
Play Games

超時調用需要使用window.setTimeout(code,millisec)方法它接受兩個參數:要執行的代碼和以毫秒錶示的時間(即在執行代碼前需要等待多少毫秒)。其中第一個參數可以是一個包含JS代碼的字元串(就和在eval()函數中使用的字元串一樣),也可以是一個函數。第二個參數表示等待多長時間...


超時調用需要使用window.setTimeout(code,millisec)方法

它接受兩個參數:要執行的代碼和以毫秒錶示的時間(即在執行代碼前需要等待多少毫秒)。其中第一個參數可以是一個包含JS代碼的字元串(就和在eval()函數中使用的字元串一樣),也可以是一個函數。第二個參數表示等待多長時間的毫秒數,但經過該事件後指定的代碼不一定會執行

這是因為JS是一個單線程式的解釋器,一定時間內只能執行一段代碼,為了控制要執行的代碼就有一個JS任務隊列,這些任務會按照將他們添加到隊列的順序執行。

setTimeout()的第二個參數告訴JS再過多長時間把當前任務添加到隊列中。若隊列為空,這段添加的代碼會立即執行,若不為空,就要等前面的代碼執行完再執行。

//不建議傳遞字元串!可能會導致性能損失
setimeout("alert('hellow world!')",1000);
//推薦以匿名函數調用方式
var timeoutId = setTimeout(function(){
    alert("hellow world!");      
},1000);


clearTimeout(timeoutId);

  調用setTimeout()之後,該方法會返回一個數值ID,ID是計劃執行代碼的唯一標示符,可以通過clearTimeout(ID)來取消未執行的超時調用.

setTimeout() 只執行 code 一次。如果要多次調用,請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。

間歇調用的方法是setInterval(),接受的第一個參數是要調用的函數或要執行的代碼串。,第二個參數是周期性執行或調用 code 之間的時間間隔,以毫秒計。

調用setInterval()方法同樣會返回一個ID,該ID可用於在將來某個時刻取消間歇調用。取消間歇調用的重要性要遠遠高於取消超時調用,因為在不加干涉的情況下,間歇調用將會一直執行到頁面卸載。

var num = 0,
    max = 10,
    intervalId = null;
function incrementNumber(){
    num++;
    if(num = = max){
        clearInterval(intervalId);
       alert("Done");
    }
}
//以函數名調用方式
intervalId = setInterval(incrementNumber,500);

  在開發環境中,很少使用真正的間歇調用,原因是後一個調用可能會在前一個調用結束之前啟動(設置的周期時間millisec過短或函數代碼code執行時間過長),所以最好不要使用間歇調用。

問題: JavaScript中setInterval傳參常見的問題(setInterval第一個參數加引號與不加引號區別)

function fun() {
    console.log("1");
}
    setInterval("fun()",1000);//全局作用域下正常執行
    setInterval(fun(),1000); //調用函數正常,setInterval調用出錯
    setInterval(fun,1000);  //正確
    setInterval(function(){ //匿名函數調用
        console.log("1");
    })

如例子中所示,setInterval 第一個參數 可以是函數名、匿名函數、函數的引用以及其他可執行代碼。

setInterval("fun()",1000)

這種加引號的方式就可以理解為 可執行代碼  就行eval() 一樣去執行第一個參數,就是對fun方法的調用 理所當然的彈出 1  一秒鐘間隔,一直執行。

setInterval(fun(),1000)

fun() 是對函數的直接調用,也就是說當setInterval還沒有開始函數fun就執行了。如果這個函數沒有返回值或者返回值不是可執行的函數或者其他的代碼的話,就以上代碼而言只是彈出一個1之後就停止了,這種方法無意義。

setInterval(fun,1000)

此時setInterval的第一個參數fun看作參數為 函數名或函數的引用。

我個人認為更推薦以匿名函數的方式調用最好。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Tpcc-mysql是percona基於tpcc衍生出來專用於mysql基準測試的產品 ,可以參見 《高性能MySQL第三版》一、安裝rpm -Uvh http://dl.fedoraproject.org/pub/epel/5/i386/epel-release-5-4.noarch.rpmyum...
  • SQL變數 全局變數: 全局變數是由系統定義和維護的使用兩個@作為首碼,不能由用戶聲明和賦值! 常用的全局變數如下 @@version :獲取當前使用的SQL Server版本號 EG: select @@version 顯示信息: ---------------------------------...
  • 經常被ORACLE坑,作為一個只需要開發時候連連ORACLE的程式員,在經歷了一次又一次的折騰之後,決定還是把這些瑣碎的事情寫下來。經常在虛擬機中使用ORACLE,ORACLE的網路配置有一些變化就掛了,我對這個也是服了,經常莫名其妙的問題提示。歸結起來就是設置好了ORACLE之後不能改配置,改過了...
  • 棧(stack)、堆(heap)概念:堆和棧都是數據結構,是一個特殊的存儲區,主要用來暫時存放數據和地址。棧:其同數據結構中的棧類似。用於存儲參數和局部變數。該存儲空間不用申請,有操作系統自動分配和釋放。 棧在中文中就說一個倉庫,所以類似倉庫你先放進去的最後才能取出。也就類似先放進去的最後釋放。.....
  • 真機測試步驟1.運行Xcode,Xcode打開後,點左上角菜單'Xcode',點'Preferences'。2.在打開的視窗中,點'Accounts',切換到賬號頁,然後點下麵的'+'號,在彈出菜單中點擊'Add Apple ID'。3.在彈出的對話框中,填入你的AppleID和密碼(不需要$99的...
  • 部分代碼 InteractiveTransition 類繼承NSObject:- (instancetype)initWithPresentingController:(UITableViewController *)presentingVc presentedController:(UIViewC...
  • [1]typeof [2]Object.prototype.toString [3]constructor [4]instanceof
  • 雖然javascript是一門面向對象的編程語言,但這門語言同時也同時擁有許多函數式語言的特性。函數式語言的鼻祖是LISP,javascript設計之初參考了LISP兩大方言之一的Schenme,引入了Lambda表達式,閉包,高階函數等特性。使用這些特性,我們就可以靈活的編寫javascript代...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...