@setinterval / 博客 RSS 訂閱

Oct 21 2020

懶懶今天很happy - JS中的定時器

JS的定時器相關的API有四個，分別是setTimeout、clearTimeout、setInterval、clearInterval。其中 setTimeout和clearTimeout是一組，setInterval 和 clearInterval是一組。 setTimeout 設置一個定時器，定時器在定時器到期後執行一個函數或指定的一段代碼 let timerId = setTimeout(

settimeout , setinterval , Javascript

收藏 評論

Feb 18 2022

南玖 - JS定時器執行不可靠的原因及解決方案

前言 在工作中應用定時器的場景非常多，但你會發現有時候定時器好像並沒有按照我們的預期去執行，比如我們常遇到的setTimeout(()={},0)它有時候並不是按我們預期的立馬就執行。想要知道為什麼會這樣，我們首先需要了解Javascript計時器的工作原理。 定時器工作原理 為了理解計時器的內部工作原理，我們首先需要了解一個非常重要的概念：計時器設定的延時是沒有保證的。因為所有在瀏覽器中執行的J

定時器 , settimeout , setinterval , 前端 , Javascript

收藏 評論

Nov 01 2021

歸子莫 - 【JavaScript基礎】Js的定時器（你想看的原理也在喲）

【JavaScript基礎】Js的定時器（你想看的原理也在喲） 博客説明 文章所涉及的資料來自互聯網整理和個人總結，意在於個人學習和經驗彙總，如有什麼地方侵權，請聯繫本人刪除，謝謝！ 説明 本章是經歷第二次翻新，時過一年，再看自己的文章，覺得需要做點什麼，它得豐富一點！篇幅半頁或者一頁，自己都感覺有點對不住自己。為了對得住自己，加了原理解析和案例。知其然與所以然。 Js的定時器，是前端的基本工具，

settimeout , setinterval , 前端 , Javascript

收藏 評論

Jun 28 2020

雲端的日子 - 定時器輪詢請求，清理定時器

bug如下： unReadMsgList請求10秒一次，getBmUpdateSettingsListByUserId5秒一次，本應該兩個unReadMsgList之間出現兩次getBmUpdateSettingsListByUserId，但是實際出現了6個getBmUpdateSettingsListByUserId（如圖）， 是由於進入頁面，調用了一次getBmUpdateSett

settimeout , setinterval

收藏 評論

Dec 20 2023

Victory - 解決setInterval跟settimeout切換頁面後不準的問題

由於瀏覽器的優化機制，在切換tab之後瀏覽器會把setInterval跟settimeout的執行效率降低，在瀏覽器窗口非激活的狀態下會停止工作或者以極慢的速度工作。1000毫秒循環一次會變得越來越慢，3000，5000，甚至會停止循環，直到再次切回頁面時激活，導致做一些商城活動倒計時之類功能時出現倒計時不準確等BUG。 1.可以通過監聽 visibilitychange 來切出切回重新開啓

settimeout , setinterval , web-worker , 倒計時 , Javascript

收藏 評論

May 10 2021

lijing0302 - 關於setTimeout和setInterval第一個參數

第一個參數如果傳入字符串，執行時會像eval（）一樣解析 相似的有： Function: const adder = new Function("a", "b", "return a + b"); // 調用函數 adder(2, 6); // 8 參數 "a" 和 "b" 是參數的名字，在函數體中被使用，"return a + b"。

function , settimeout , setinterval , eval , Javascript

收藏 評論

May 25 2023

浪遏飛舟 - 如何實現精準的計時器

計時器 計時器在前端有很多應用場景，比如電商業務中秒殺和搶購活動的倒計時。在探討計時器之前先來回顧下它們的基本概念： 基本定義與用法 1、定義 setTimeout()用於指定在一定時間（單位毫秒）後執行某些代碼 setInterval()用於指定每隔一段時間（單位毫秒）執行某些代碼 2、參數 第一個參數 function，必填，回調函數。或者是一段字符串代碼，但是這種方式不建議使用，就和使

事件循環 , 計時器 , settimeout , setinterval , 倒計時

收藏 評論

Oct 28 2023

Tqing - 使用setTimeout來實現SetInterval

為什麼要使用setTimeout來實現SetInterval? 我們知道setInterval以一定頻率來執行一個函數，但是這樣有一個問題，加入執行的這個函數相當耗時，超過了我們給定的週期時間，setInterval還會按照約定的時間來執行下次任務嗎？ 答案是不會，setInterval會等到當前的任務執行完成後，再立即執行下一次的任務，看個例子 setInterval(function inte

settimeout , setinterval

收藏 評論