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

最新推荐文章于 2023-07-13 16:32:14 发布

weixin_30410119

最新推荐文章于 2023-07-13 16:32:14 发布

阅读量1.6k

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/lccluyan/p/8084482.html

版权

setInterval会消耗网页内存，如果不清理会一直消耗直到网页卡死。

解决办法：

先清除定时器再创建一个定时器

clearInterval(t);

t=setInterval(ajax,10000);

转载于:https://www.cnblogs.com/lccluyan/p/8084482.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30410119

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

记录一次echarts图表大数据量轮询刷新页面卡死问题的优化

爱音乐的程序猿的博客

08-10

903

ecahrts图表大数据量轮询刷新页面卡死问题的优化。经过详细的排查发现是echarts图表在大数据量下确实会有这种问题。我们业务虽然只有两个图标，但更新频率很快，也遇到了此问题。原因是多方面的，一个是配置不高的电脑cpu撑不住，一个echarts也有内存问题，在大数据量频繁刷新内存和cpu撑不住，直接导致页面崩溃。经过考虑采取先不降低频率，先优化图表方式。解决这个问题需要从多方面下手

js 多setInterval冲突的解决方法

技术需要沉淀，需要碰撞。

12-23

6452

测试 var firstInterval; var secondInterval; function start(){ firstAlert(); secondAlert(); } function firstAlert(){ if(firstInterval) { clearInterval(firstInterval); } fun1();

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

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

weixin_40923558的博客

07-13

1750

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

js页面显示多个定时器

08-21

js页面显示多个定时器；及用法都在文档之中。

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

dazhexuan0219的博客

07-10

1236

多个setInterval进行ajax请求的页面长时间打开会出现页面卡死问题 浏览器的渲染(UI)线程和js线程是互斥的，在执行js耗时操作时，页面渲染会被阻塞掉。当我们执行异步ajax的时候没有问题，但当设置为同步请求时，其他的动作（ajax函数后面的代码，还有渲染线程）都会停止下来。即使DOM操作语句是在发起请求的前一句，这个同步请求也会“迅速”将UI线程阻塞，不给它执行的...

setinterval 和 setTimeout调用方式以及浏览器缓存问题

10-23

328

setinterval 和 setTimeout调用方式以及浏览器缓存问题 js中setinterval 和 setTimeout 可以做定时器，这个大家都知道，关于这两个方法的区别，网上也有很多文章说的很清楚。在此我还想说一说2个问题： 1，关于调用方式的书写。比如： function showCallInAndOut(){ //xxx } //setTimeout("s...

JS中的间歇(周期)调用setInterval()与超时(延迟)调用setTimeout()相关总结

weixin_30666943的博客

01-09

251

超时调用需要使用window.setTimeout(code,millisec)方法它接受两个参数：要执行的代码和以毫秒表示的时间（即在执行代码前需要等待多少毫秒）。其中第一个参数可以是一个包含JS代码的字符串（就和在eval()函数中使用的字符串一样），也可以是一个函数。第二个参数表示等待多长时间的毫秒数，但经过该事件后指定的代码不一定会执行。这是因为JS是一个单线程序的解释器，一定时间...

2019前端中高级面试精华100题【一/js篇】（有答案）

热门推荐

李古拉雷

09-23

1万+

以下问题大部分偏初中级，答案也都是简明扼要，可以在面试时应付一下，免得无点可说在第一面就被PASS。如果这些问题能让你快速回忆起平时所学，串联起前后的技能点，在面试时有个好的发挥，也就不费我整理这些面试题的用心。最后，这些答案仅供参考，不要死记硬背。愿你们都能找到满意的工作。我是李古拉雷，曾全栈开发工程师，前今日头条前端架构师，今创业公司CEO。关注我的公众号可以获得更多前端技术和职场经验。我...

前端面试问题（适用于面试回答思路）

yaminne的博客

03-28

5021

原型和原型链原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。当读取实

php高效轮询,PHP实现长轮询

weixin_28758189的博客

03-09

1353

今天帮人改了个在线聊天室的作业，用PHP+Ajax实现了一个长轮询(long polling)。服务端主要是两点，一个是用set_time_limit(0);去除页面执行时间的限制。再就是用一个while判断是否有数据，没有的话就sleep几秒钟再重新取。客户端就是一个Ajax，把当前页面的最后一条的记录传给服务器，请求这之后的数据。回调函数sucess和error中都包括调用当前函数。以保证会一...

总结一下之前遇到的120个面试题

tendernessxy的博客

11-10

5403

总结一下之前遇到的面试题，没有归类，但是涉及到的还是蛮多的，坚持看完哦！

JavaScript的20个核心考点你知道吗？

weixin_42247274的博客

09-28

473

1.变量类型 JS的数据类型分类根据js中的变量类型传递方式，分为基本类型和引用数据类型。其中基本数据类型包括Undefined、Null、Boolean、Number、String、Symbol(ES6新增，表示独一无二的值）。而引用数据类型统称为Object对象，主要包含对象、数组、函数。 const box = { x: 10,y:20}; Object.freeze(box); const shape = box; shape.x = 100; ...

setInterval影响性能导致卡死的解决方法

hello world

12-25

3605

单纯的使用setInterval可能会导致页面卡死。

JavaScript 定时任务多事件冲突问题

weixin_30491641的博客

09-30

621

var iCount = setInterval(ChangeTime, 3500);//3.5秒请求一次函数 function ChangeTime() { $.ajax({ type: "POST", url: "/Home/Index/is_ajax_no", succ...

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

m0_53718249的博客

07-15

3387

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

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

田螺姑娘的博客

10-20

8572

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

页面定时刷新ajax请求