解决setinterval长时间运行造成的内存泄漏导致页面崩溃

牛马人生

已于 2024-01-17 17:23:17 修改

阅读量2.3k

点赞数 11

文章标签：前端 javascript 开发语言

于 2024-01-15 14:11:46 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44476779/article/details/135599995

版权

错误代码

setInterval(()=>{
   
// 定时调用
},1000*5)

这样写刷新浏览器也无法释放内存！！！

直接上代码：

function timerFun(f, time)

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

牛马人生

关注关注

11
点赞
踩
15

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

定时轮播Echarts造成内存泄漏致使浏览器崩溃问题

m0_37568655的博客

03-10

1562

提示：定时轮播Echarts造成内存泄漏致使浏览器崩溃问题文章目录前言一、原因二、解决办法前言一、原因 1、echarts图未彻底删除； 2、setTimeout和setInterval未清除； 3、全局定于变量未清除； 4、侦听器未清除二、解决办法在生命周期销毁前注销定时器和echarts 代码如下（示例）： beforeDestroy() { echarts.dispose(this.chartDom); this.chartDom=null;

定时器+echarts运行时间太长导致内存溢出页面崩溃

langziangTom的博客

02-27

3160

echarts运行时间太长导致内存溢出页面崩溃

2 条评论您还未登录，请先登录后发表或查看评论

前端 js 经典：内存泄漏

weixin_64684095的博客

06-21

812

建议所有缓存都设置好过期时间,如果缓存过多的话也会造成内存泄漏。解决方式：执行完成后设置为null，f = null。解决方法：使用严格模式 use strict。console.log 对象不能被垃圾回收。解决方式：清理计时器。

setInterval-sniffer：在未清除的时间间隔上保留选项卡。消除延迟和内存泄漏

01-30

setInterval嗅探器安装从或存储库中： chrome：// extensions / 打开“开发人员模式”复选框点击“加载解压的扩展程序...”按钮选择setInterval-sniffer/chrome文件夹它是如何工作的嗅探器猴子补丁（扩展而不更改原始源代码）setInterval方法： var originalSetInterval = window . setInterval ; window . setInterval = function ( fn , time ) { var id = originalSetInterval ( fn , time ) ; post ( { functionName : 'setInterval' , fn : fn . toString ( ) , id : id , time : time } ) ; return id ; } ; 路线图不要停止对页面重新加载的嗅探在“计时器”面板中取消间隔的按钮使用的技术添加stacktrace数据也显示setTimeout，将它们与set

JS 用 setInterval 解决 setTimeout 导致浏览器崩溃的问题

m0_48968874的博客

01-24

948

在项目中的某个页面用到了定时器，并在页面销毁前清除定时器，但是失效了，在切换页面后定时器仍然在执行，导致浏览器内存消耗过大而崩溃。替换 setTimeout。

SetInterval定时器导致页面卡死或者定时器在规定时间内提前

m0_57426442的博客

03-22

846

setInterval 不会清除定时器队列，会重复叠加。解决方法：在里面加一层setTimeout。

处理setInterval造成的浏览器内存溢出

she8362315的博客

08-23

5088

起因最近的一个vue项目要求页面5秒一次实时请求数据, 最开始考虑的是建立websocket长连接进行通信,但是在数据量较大时socket链接会自动断开,后台也没有找到解决办法,最后决定由前端发送定时请求, 但是在使用过程中出现了长时间挂机页面会出现浏览器崩溃的情况后经过测试是setInterval方法造成的(原因没有搞懂) 解决方案使用requestAnimationFrame方法代替setInterval进行实时请求 export function RAFInit () { let RAF

JS使用setInterval导致堆溢出

qq_43657722的博客

10-05

1077

JS使用setInterval导致堆溢出

uniapp长时间运行无法跳转页面

最新发布

02-25

长时间运行可能导致内存泄漏，或者页面堆栈过多，导致无法跳转。常见的跳转方法有uni.navigateTo、uni.redirectTo、uni.reLaunch和uni.switchTab。用户可能频繁使用navigateTo，导致页面栈超过10层，这时候再调用...

几秒钟setInterval会不会导致软件崩溃

12-26

如果创建了过多且不必要的计时器实例却没有及时清理它们（通过 `clearInterval` 方法），这会造成资源浪费并最终耗尽可用内存空间，进而影响整个页面或其他应用组件正常运行。 3. **CPU 使用率飙升** 过度密集地...

Vue 使用setInterval定时器导致前端页面卡死(解决方法)

蓝胖子的博客

06-17

1484

Vue 使用setInterval定时器导致前端页面卡死(解决方法)

JS使用setInterval定时器导致前端页面卡死

田螺姑娘的博客

10-20

8742

JS使用setInterval定时器导致前端页面卡死原因 setinterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终卡死你的网页。其原因与JS引擎线程有关（需深入研究JS引擎线程），但是setTimeout是自带清除定时器的。解决方案 self.setInterval(() => { self.setTimeout(() => { this.queryChartTime() }, 0) }, 10000) ...

setinterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终卡死你的网页

H-L的博客

10-30

7101

setinterval和settimeout的区别在vue.js项目中，经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理我们先看一看2种常用定时器： 1 2 setInterval(function(){}, milliseconds)——会不停的调用函数 setTimeout(function(){}, milliseconds)——只执行函数一次乍看之下，setInterval会符合我们的业务需求，然而

echarts和setInerval内存泄漏问题分析解决

Mr.Tang的博客

10-12

2063

主要问题出现在setInterval的定时器触发导致，此方法与setTimeout方法触发并无关系，主要出现在定时器触发的方法内部因素导致。为什么每次循环内存增加导致浏览器内存溢出进而浏览器卡死，在不用echarts的情况下内存有增加的情况不明显，并且一半没有，导致这种原因的因素主要有两种：1、console打印类每次打印的数据相对较多的情况下会逐渐增加内存，这种情...

ajax timeout 内存溢出,setInterval 和 setTimeout会产生内存溢出

weixin_39934063的博客

08-05

1211

setInterval 和 setTimeout会产生内存溢出来一个简单的例子。有兴趣的朋友可以自己尝试复制代码代码如下:functiona(){document.title="ok";setTimeout(a,0);}setTimeout(a,0);时间： 2008-02-13先来了解 setInterval : 1,HTML DOM setInterval() 方法定义和用法...

解决页面切换定时器setInterval 没关闭导致内存溢出

u010131379的博客

11-12

1892

document.onvisibilitychange = () => { //切换页面时关闭定时器 if (document.visibilityState == "visible") { console.log("visible111111") this.getGoodsList() } else { console.log("hidde") clearInterval(this.liv

大屏setInterval echarts 长时间加载后导致的内存溢出，页面不显示问题

shijianshenchu的博客

12-25

301

setInterval 过多且未清除。echarts 重复init。

前端页面运行一段时间后崩溃，显示out of memory

weixin_42567822的博客

07-07

3761

vue项目运行一段时间后页面卡死崩溃，打开任务管理器一看发现内存已经满了导致浏览器崩溃，就开始搜索内存泄漏的解决方式。但是都不能解决我的问题，因为这个项目是轮询请求借口刷新数据，开始还以为是定时器的问题，最后发现是log打印的问题…看了一下大部分都是1.查看是否存在闭包2.是否有死循环3.是否有多余的定时器未清空。有同样问题的小伙伴可以试试把log全删了，说不定有奇效。就是说把console.log全注释掉就好了！终于把这个鬼bug解决了！

解决setInterval和setTimeout越来越慢的问题

qq_44318215的博客

09-19

5576

后端返回一个时间差，前端将其格式化为xx时xx分xx秒后展示在页面上，然后每隔1s刷新一下倒计时。但定时器不准确，会变慢，本文给出5种方案解决此问题。