@倒計時 / 博客 RSS 訂閱

Sep 22 2020

普拉斯強 - 寫個秒殺倒計時方法

背景 項目裏有個秒殺倒計時功能模塊。 頁面切換Tab後，一段時間再回來發現明顯慢了。擼代碼吧： // ... CountDown.prototype.count = function() { var self = this; this.clear(); this.timeout = setTimeout(function(){ // 計數減1 if(--s

settimeout , 倒計時 , 秒殺 , 前端 , Javascript

收藏 評論

Dec 20 2023

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

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

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

收藏 評論

May 25 2023

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

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

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

收藏 評論