js setInterval+setTimeout定时器轮询+终止轮询

常见的轮询方式：

 window.timer = setInterval(()=>{this.promiseFun()},1000)

大家一般都会使用setInterval，但要注意单纯使用它可能导致页面卡死。
原因是setInterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，卡死。但是setTimeout是自带清除定时器的所以可以叠加使用。

更好的轮询方式

window.timer = setInterval(() => {setTimeout(this.promiseFun(), 0)
}, 1000)

结束轮询
在需要结束轮询的时候，如果是vue可以在beforeDestroy生命周期函数中销毁定时器

clearInterval(timer)

js setInterval+setTimeout定时器轮询+终止轮询相关推荐

js setInterval setTimeout用法
主要讲setInterval()的用法.比较简单的内容,如果以后学到其他相关的,再补充吧. 1.setInterval()语法 INTERVAL:填一个数字.单位:毫秒.举个例子,INTERVAL = ...
关于MultiActionController异步请求Ajax,pc端正常，手机端报error错误；此问题一般是通过setInterval，seTimeout，做Ajax轮询时会产生此问题；
此问题全网唯一! 关于MultiActionController异步请求Ajax,pc端正常,手机端报error问题:此问题一般是通过setInterval,seTimeout,做Ajax轮询时会产生 ...
js中的定时器 setTimeout()和setInterval() (保姆级教程)
1 两种定时器 window 对象给我们提供了 2 个非常好用的方法-定时器. setTimeout() setInterval() 2 setTimeout() 定时器 window.setTime ...
mysql长轮询_ajax轮询与长轮询
刚刚网了关于轮询的知识,必须拿到自己这里来做个备份了! 其实以前用ajax轮询做个及时数据更新的,只是当时做了不知道那个就是轮询. 首先我们什么时候会想到用轮询技术呢? 一般而言,最多的是及时信息更新 ...
java ajax轮询_ajax轮询(ajax轮询实现聊天)
最近一直在研究ajax长轮询连实现即时通信,但是到底是个怎么轮询法?难道. 一般最原始的作法就是在客户端搞个定时器一直向后台请求,而ajax的长轮询与一般的http连接不一样,它发送的是长连接,比如说 ...
ajax 短轮询_Ajax轮询——“定时的通过Ajax查询服务端”
Ajax轮询--"定时的通过Ajax查询服务端". 概念: 轮询(polling):客户端按规定时间定时像服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接. 百闻 ...
定时器 setTimeout(),setInterval() 清除定时器
定时器异步回调函数 callback setTimeout( 函数名,时间单位是毫秒) 延迟定时器,多久之后动,动完就结束了,定时炸弹 setInterval( 函数名,时间单位是毫秒) 连续定 ...
Js实现图片点击切换与轮播
Js实现图片点击切换与轮播图片点击切换 <!DOCTYPE html> <html><head> <meta charset="UTF-8&quo ...
HTTP - 长连接短连接长轮询短轮询心跳机制
错觉与突然的察觉大多数人都知道HTTP1.0不支持长连接,知道HTTP1.1支持长连接. 这是业界的一个常识. 然而这样的描述导致了一些不做网络底层开发的开发者都下意识的认为HTTP1.1是一个可以 ...

js setInterval+setTimeout定时器轮询+终止轮询

js setInterval+setTimeout定时器轮询+终止轮询相关推荐

最新文章

热门文章