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

最新推荐文章于 2024-06-17 13:19:12 发布

小菜鸡一名来报道

最新推荐文章于 2024-06-17 13:19:12 发布

阅读量516

点赞数 2

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

本文链接：https://blog.csdn.net/m0_57426442/article/details/136943979

版权

setInterval 不会清除定时器队列，会重复叠加。

解决方法：在里面加一层setTimeout

xx.srtInterval(()=>{
    xx.setTimeout(()=>{//setTimeout自带清除定时器
        方法名
    },0)
},10000)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小菜鸡一名来报道

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
SetInterval定时器导致页面卡死或者定时器在规定时间内提前

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

扫一扫

小程序中setInterval与clearInterval

丑小鸭立志变天鹅的博客

11-02

329

小程序中setInterval与clearInterval

前端开源库-jeefo_timeout

08-29

然而，这些异步操作如果没有合理的控制，可能会导致超时问题，比如网络延迟或者计算量过大，使得预期的任务未能在规定时间内完成。 jeefo_timeout库提供了一种机制，允许开发者为异步操作设定一个超时阈值。当超过...

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

vue项目每30秒刷新1次接口的实现方法

12-01

在vue.js项目中，经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理我们先看一看2种常用定时器： setInterval(function(){}, milliseconds)——会不停的调用函数 setTimeout(function(){}, milliseconds)——只执行函数一次乍看之下，setInterval会符合我们的业务需求，然而也需要注意一些坑，单纯的使用setInterval会导致页面卡死！其原因与JS引擎线程有关（有兴趣的童鞋可自行研究相关资料），用通俗话说就是setInterval不会清除定时器队列，每重复执行1次都会导致定时器

多个setInterval进行ajax请求的页面长时间打开会出现页面卡死问题

weixin_30410119的博客

12-22

1580

setInterval会消耗网页内存，如果不清理会一直消耗直到网页卡死。解决办法：先清除定时器再创建一个定时器 clearInterval(t); t=setInterval(ajax,10000); 转载于:https://www.cnblogs.com/lccluyan/p/8084482.html...

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

最新发布

蓝胖子的博客

06-17

428

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

解决：setInterVal长时间运行卡顿，采用setTimeout代替setInterval.

鹿歪歪酱

11-16

3380

仅记录原作者：Hot．Adair 原地址：https://blog.csdn.net/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"> .

setInterval运行长时间后浏览器卡顿

nihaokangzheng的博客

07-11

360

延时后在次调用自身,递归。

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

田螺姑娘的博客

10-20

8456

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

循环执行setinterval导致页面卡顿

weixin_51110842的博客

01-22

895

根据项目要求很明显用第一个，但是出现了问题，首先是页面初加载时候执行一次倒计时，然后根据每次滑动进行每个模板倒计时。现在项目里增加一个新功能就是给每个轮播加倒计时，倒计时结束以后才能执行某些事件.刚开始还觉得没啥问题倒是随着滑动次数的越来越多导致了页面越来越卡顿。因为setInterval是执行完以后销毁定时器。滑动时候要将现在的倒计时给停止。后来发现因为js是单线程。

VUE倒计时组件，解决setInterval （）引起页面卡顿问题

m0_53718249的博客

07-15

3263

VUE倒计时组件，解决setInterval （）引起页面卡顿问题

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

H-L的博客

10-30

6445

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

javascript经典特效---浏览器毁灭者－请小心使用.rar

03-08

3. **定时器与回调函数**：`setTimeout`和`setInterval`可以周期性执行任务，但如果设置不合理，如短时间内触发大量回调，可能会阻塞浏览器。特别是当回调函数执行时间较长时，浏览器将无法响应其他任务。 4. **...

javascript经典特效---循环的警告框.rar

03-08

5. **避免无限循环**：确保在设计循环时，有一个明确的终止条件，否则可能导致浏览器卡死。 6. **代码优化**：为了提高用户体验，可以考虑在连续弹出警告框之间增加动画效果，或者在警告框内提供关闭选项，使用户...

定时抢购倒计时

03-21

这通常通过设置一个定时器（如JavaScript的setInterval函数）来实现，每隔一定时间（如1秒）刷新倒计时的值。 4. **时间到达后的处理**：当倒计时归零时，需要触发特定的事件，例如开启抢购按钮的可点击状态，或者...

记录一次内存泄漏页面卡死的情况

chenjixue的博客

03-11

324

2.再使用performance记录一段时间的性能，可以看到页面在用户完全无交互的情况下执行了这么多密密麻麻的函数栈，我们随便选取一个最底部的发现是setInterval方法，在往上面找一步发现其业务代码。点卡发现函数组件每次setState并未对更新前的setInterval取消，函数更新后又新增一个setInerval,这些新增的setInterval都未取消越来越多，最终随着时间的推移页面越来越卡。写了一个项目，一开始打开页面性能还可以，页面放的越久就越卡cpu和内存占用就越多。

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

m0_48968874的博客

01-24

634

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

使用setInterval遇到的陷阱

qq_41347964的博客

09-19

4211

setInterval使用遇到的坑

使用多次定时器导致页面卡死解决方案

weixin_40923558的博客

07-13

1589

在开发时, 难免会遇到使用定时器定时获取数据, 但是时间久了后会导致浏览器直接卡死, 原因是js的单线程引起的, setInterval不会清除消息队列, 每执行一次都会导致定时器叠加, 直到浏览器卡死, 以下两种方案希望可以帮助您。

页面刷新时setInterval定时器为什么会停止

07-14

页面刷新时，`setInterval` 定时器会停止，是因为页面刷新会导致 JavaScript 代码重新加载和执行，这包括定时器的清除和重新设置。页面刷新后，之前设置的 `setInterval` 定时器会被销毁，因此定时器停止运行。如果希望在页面刷新后继续执行定时任务，可以考虑使用 `localStorage` 或 `sessionStorage` 来保存定时器的状态，然后在页面刷新后恢复定时器。另外，也可以考虑使用 `Web Worker` 来在后台运行定时任务，页面刷新不会影响 `Web Worker` 的运行。