setTimeout()和setInterval()的執行邏輯和區別:

来源:https://www.cnblogs.com/moshou-dota/archive/2018/04/20/8889060.html
-Advertisement-
Play Games

邏輯理解:當程式執行setTimeout()和setInterval()時,會讓這兩者到後臺(我的理解,事實是否如此,有待驗證)運行計時,當時間到了之後,將回調函數按照順序依次排在當前正在執行的函數隊列尾部。哪怕延遲為0也一樣,當前正在執行解析的Javascript解析器並不會立即執行定時器的回調函 ...


邏輯理解:當程式執行setTimeout()和setInterval()時,會讓這兩者到後臺(我的理解,事實是否如此,有待驗證)運行計時,當時間到了之後,將回調函數按照順序依次排在當前正在執行的函數隊列尾部。哪怕延遲為0也一樣,當前正在執行解析的Javascript解析器並不會立即執行定時器的回調函數(定時器相當於非同步,但有區別),還是會將它們的回調函數排在當前解析隊列的尾部(或者可以理解為放在下一輪函數隊列的頭部)。   區別理解:setTImeout()中的回調函數開始執行的延遲時間 >= delay,綜上所述,因為在delay過程中有時會有其他函數在執行,如果那些函數執行的時間大於delay的時間,就會導致setTImeout()中的回調函數“延期執行”。 setInterval()中的回調函數執行之間的間隔<= delay:我們都知道,setInterval()會按照固定的時間間隔調用自身的回調函數,且不會在意上一次的回調函數是否執行完畢,這就意味著,如果上一次回調函數前面有等待執行的函數,它們總體執行的時間>delay的時間且當前將要執行的回調函數與上一次的回調函數之間沒有其他等待執行的函數,就會導致一種情況:setTImeout()中的回調函數會連續執行兩次。 如: setTimeout(function() { // 此回調函數每次執行的間隔時間 >= 100 /* 一堆函數體 */ setTimeout(arguments.callee, 100) }, 100)   setInterval(function () { // 此回調函數每次執行的間隔時間 <= 100 /* 一堆函數體 */ }, 100)


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

-Advertisement-
Play Games
更多相關文章
  • github地址:https://github.com/anxizhihai/JournalismProject.git ...
  • 前言 工作中要用到.在github上找的大部分都是豎屏滾動沒辦法只能自己手動寫. 本來只是想隨便實現一下的,結果一時興起把它弄成了一個簡單的小插件,開了個github倉庫(希望路過點個星) "JS橫屏滾動插件" 因為我自己就是用戶,儘量簡化了用戶要做的操作.現在使用起來像是這個樣子 思路 1. 公告 ...
  • 在這一篇文章中,我們從源碼的角度再次理解下 setState 的更新機制,供深入研究學習之用。 在上一篇手記「 "深入理解 React JS 中的 setState" 」中,我們簡單地理解了 React 中 setState “詭異”表現的原因。 源碼的部分為了保證格式顯示正常就截圖了,查看源碼點擊 ...
  • 本文分享並演示了在 Ionic 3 框架中如何進行模塊的延遲載入(Lazy Load)開發。 本文分享並演示了在 Ionic 3 框架中如何進行模塊的延遲載入(Lazy Load)開發。 在我的實戰課程 "「快速上手Ionic3 多平臺開發企業級問答社區」" 中,因為開發的仿知乎 App 模塊間的加 ...
  • 在項目中我們經常能碰見然圖片垂直水平居中,不定寬高的div垂直水平居中,等等~~ 現在我將介紹我所知道的幾種用css來解決的幾種方案。 1.父元素text-align:center;display:table-cell;vertical-align:middle;子元素display:inline- ...
  • 在一些情況下,我們可能會需要對一個 prop (父子組件傳遞數據的屬性) 進行“雙向綁定”。 在vue 1.x 中的 .sync 修飾符所提供的功能。當一個子組件改變了一個帶 .sync 的prop的值時,這個變化也會同步到父組件中所綁定的值。 這很方便,但也會導致問題,因為它破壞了單向數據流。(數 ...
  • react 的 antd框架中 form使用需註意: 1、不能用state改變下拉框、輸入框等組件的值,因為 經過 getFieldDecorator 包裝的控制項,表單控制項會自動添加 value(或 valuePropName 指定的其他屬性) onChange(或 trigger 指定的其他屬性) ...
  • 參考書《ECMAScript 6入門》http://es6.ruanyifeng.com/Reflect1.概述:Object對象的內部方法都能在Reflect中找到,同時Reflect將Object的一些命令改成了函數操作,且Reflect與Proxy一一對應。2.靜態方法Object,Refle ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...