发现问题：edge浏览器的效率模式会导致setTimeout/setInterval变慢

最新推荐文章于 2024-08-12 17:40:33 发布
最新推荐文章于 2024-08-12 17:40:33 发布
阅读量870 收藏 1
点赞数
文章标签： edge浏览器 setTimeout
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44869002/article/details/131994227
版权
在Edge浏览器启用效率模式后，setTimeout和setInterval的执行时间间隔会出现延长现象。关闭效率模式后，此问题消失，表明效率模式可能影响了JavaScript定时器的精度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题描述

当edge浏览器启用效率模式后，setTimeout/setInterval运行一段时间后，执行间隔会变慢。

开启后：
在这里插入图片描述
关闭效率模式：

在这里插入图片描述

杰~JIE
关注
如何在切换页面后，让setInterval也准？
王铁柱666的博客
12-04 677
如果你的应用允许，并且你需要执行的计算不依赖于DOM操作，你可以考虑使用Web Workers。你可以在Web Worker中设置定时器，并通过postMessage与主线程通信。在设计应用时，应该考虑到这些因素，并尽量使应用对定时器的不准确性具有容忍度。会自动调整回调的执行频率以匹配屏幕的刷新率，并且在页面不可见时通常会暂停执行。当页面从不可见变为可见时，你可以重新调整定时器的间隔或执行一些补偿逻辑来确保定时器的准确性。然而，当你切换页面或者浏览器标签页时，浏览器为了节省资源，可能会降低。
一些实用的学生向脚本(补)
yuanfangyoushan的博客
05-12 7586
重定向优化百度搜狗谷歌必应搜 // ==UserScript== // @name AC-baidu:重定向优化百度搜狗谷歌必应搜索_favicon_双列 // @name:en AC-baidu:google_sogou_bing_RedirectRemove_favicon_adaway_TwoLine // @name:zh AC-baidu:重定向优化百度搜狗谷歌必应搜索_favicon_双列 // @name:zh-CN AC-bai
解决setInterval和setTimeout越来越慢的问题
qq_44318215的博客
09-19 5576
后端返回一个时间差，前端将其格式化为xx时xx分xx秒后展示在页面上，然后每隔1s刷新一下倒计时。但定时器不准确，会变慢，本文给出5种方案解决此问题。
vue下，setInterval会影响swiper
Vintage
12-18 1013
在做项目中，由于使用了setInterval 函数来进行倒计时，导致vue-awsome-swiper（version: 3.1.3）组件出现了异常。具体异常如下图所示：  在.vue文件中，我倒计时的计时器没有拆分成组件，直接在当前页面进行倒计时相关逻辑操作，直接导致swiper异常，影响到了swiper组件，具体原因尚不清楚。 我自己的解决办法是，直接把倒计时拆分成一个组件，并引用...
web开发之浏览器（四）----浏览器模式在开发中的影响及应用
weixin_34419326的博客
12-25 206
2019独角兽企业重金招聘Python工程师标准>>> ...
vue中定时器实时更新时间，页面加载慢
huai42717的博客
04-28 878
【代码】vue中定时器实时更新时间，页面加载慢。
深入理解Javascript-JS异步和事件循环
小辣抓
03-18 1830
深入理解Javascript-JS异步和事件循环 前言 想想接触js已经很久了，也没有写过一篇关于js异步的文章。于是今天准备写一写js的异步，希望对想了解的同行们有所帮助 首先需要说明的是这里讨论的是浏览器里的js，而不是服务端上的js，比如node。 node和浏览器中的js的异步还是多少有些不同的，如果想了解node中的异步或者事件循环，可以参考我的另一篇文章Node 事件循...
【参考】前端面试攻略（自整理）
mus-z的博客
04-05 1393
该博主看起来挺厉害的百度携程滴滴头条360的offer都有， 我马上也要人生第一次前端实习面试了是美团的所以刷题看看人家的面经~ 链接：https://m.sohu.com/a/236608417_690895 这个各方面都有吧能找到答案的我一般都做了传送门 文章目录一、算法部分1、基本排序的方式2、二分查找。3.二叉树便利（前序中序后序）4.尽量刷牛客和剑指offer二、计算机网络部分1.最...
【轮播图点击事件处理】：交互设计的细节与实现秘籍
!... # 摘要 轮播图作为一种常见的网页交互设计，其设计与实现的优劣直接影响用户体验与...文章还着重分析了不同场景下轮播图的具体实现，如移动端特殊处理与响应式设计的适配策略，并提供了轮播图的测试与问题调试方法。
现代 JavaScript 教程——ECMAscript基础知识
Tinkerbaby的博客
11-24 771
JavaScript基础知识 现代模式，“use strict” begin from ES5, 为了标识ES5的新特性 变量 我们可以使用 var、let 或 const 声明变量来存储数据。 let — 现代的变量声明方式。 var — 老旧的变量声明方式。一般情况下，我们不会再使用它。 const — 类似于 let，但是变量的值无法被修改。 用 const 声明的对象的值 能 被修改。 数据类型 JavaScript 中有八种基本的数据类型（译注：前七种为基本数据类型，也称为原始类型，而 obj
在Edge的IE模式下使用Selenium进行测试出现Timeout的解决办法
qq_38646452的博客
04-16 448
在Edge的IE模式下使用Selenium进行测试时，出现了Timeout。Win11需要再策略里面关闭、cmd运行gpedit.msc打开策略编辑器。设置完后cmd运行gpupdate /force重新应用策略。Win10可以直接在Internet选项中关闭。这是由于IE的增强保护模式导致的。
解决：setInterVal长时间运行卡顿，采用setTimeout代替setInterval.
鹿歪歪酱
11-16 3610
仅记录 原作者：Hot．Adair 原地址：https://blog.youkuaiyun.com/qq_45503103/article/details/110943706 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
vue使用setInterval做loading加载延时并及时清除计时
lee_amazing的博客
10-21 1848
延迟5s加载并及时清除计时，只需要吧clearInterval内嵌在setInterval中即可。 var loadingTime = setInterval(() => { this.loading = false clearInterval(loadingTime) }, 5000)
聊聊定时器 setTimeout 的时延问题
web全栈开发的博客
11-07 952
Firefox 对它识别为追踪型脚本的脚本实施额外的节流，当在前台运行时，节流的最小延迟仍然是 4ms，然而，在后台标签中，节流的最小延迟是 10000 毫秒，即 10 秒，在文档首次加载后 30 秒开始生效。到这里，我们似乎已经找到了 4ms 的出处，并且对于 setTimeout 的最小延迟有了更加精确的定义 - 需要同时满足嵌套层级超过 5 层，timeout 小于 4ms，才会设置 4ms。方法设置一个定时器，一旦定时器到期，就会执行一个函数或指定的代码片段，但是需要注意的是，
浏览器定时器离开标签是会变慢问题
weixin_40923558的博客
06-23 1010
定时器离开标签是会变慢问题 对于不方便使用webSocket的实时页面来说,需要用到setInterval或者setTimeout, 但是在使用他们的时候我们会发现离开当前标签后等待一段时间定时器会变慢,就像休眠状态一样,本来一秒钟执行一次,结果变为一分钟或者更长才执行一次,这个问题困扰了我很久,最终在git上找到解决办法,还不错,来给大家分享一下: 1, 安装 worker-timers npm install worker-timers 2, 导入 import * as worker
setInterval跟settimeout切换页面后可能不工作问题
最新发布
weixin_44020150的博客
08-12 1127
由于浏览器的优化机制，在切换tab之后浏览器会把setInterval跟settimeout的执行效率降低，在浏览器窗口非激活的状态下会停止工作或者以极慢的速度工作。1000毫秒循环一次会变得越来越慢，3000，5000，甚至会停止循环，直到再次切回页面时激活，导致做一些商城活动倒计时之类功能时出现倒计时不准确等BUG。2.开启JS多线程web weoker，倒计时写在weborker里时，页面的tab不会影响到倒计时的计算。这种方式在倒计数区域会有个一闪而过的错误时间展示。
如何解决定时器延迟问题--setInterval函数延迟
weixin_45398401的博客
12-22 684
方法一：方法一：将函数封装，然后先调用函数，再开启定时器。
页面操作的流畅度
文摘资讯
11-14 953
页面操作的流畅度：在 PC 的 CPU 越来越牛逼、内存越来越大的时候，前端的代码复杂度也在上升。以往我们都默认认为只要资源加载好了、只要资源加载快了那么我们的页面性能就是棒棒哒的，现在...
vue中setInterval定时器带来的坑
baidu_35523558的博客
07-04 566
定时刷新问题解决了，但是还有一个问题：初始化页面的时候没有调用定时器里的方法；背景：最近要做一个大屏页面，需要根据用户配置，定时刷新页面（1s、5s等等）；发现问题：定时器并没有起作用，规定时间内并没有自动刷新；把定时器里的方法拿出来单独执行一次，完美解决；
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值