vue实现每隔几秒请求一次接口

window.setInterval(() => {

  setTimeout(fun, 0)

}, 30000)

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

但是setTimeout是自带清除定时器的

销毁定时器

const timer =setInterval(() => {

    setTimeout(() =>{

    },0)

},10000)

this.$once('hook:beforeDestroy', () => {

    clearInterval(timer);

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 轮询接口 项目中我们经常需要实现轮询-每隔几秒请求一次接口刷新数据 一般都会使用setInterval,但要注意单...
    杨羊羊杨阅读 309评论 0 0
  • js 定时器 执行一次和重复执行 1.执行一次(延时定时器) 2.重复执行(间歇定时器) 注意:单纯的使用setI...
    cherubic_c阅读 1,587评论 0 0
  • js中setInterval与setTimeout用法 JS里设定延时: 使用SetInterval和设定延时函数...
    独享奢华阅读 994评论 0 0
  • vue项目实现每隔1分钟刷新当前页面(附:清除定时器优化方案) 需求:实时获取接口数据,每隔1分钟获取一次, 我们...
    吕鑫洋阅读 160评论 0 1
  • 定义 js中内置的一个方法,每隔一段时间或者延迟一段时间去执行一段指定的代码 分类 重复执行定时器 setInte...
    素弥阅读 819评论 0 0

友情链接更多精彩内容