原文:js页面跳转到其他页面上时对定时器的清除

最近再改一个旧项目的bug,需要用到setInterval定时器的功能来每隔几秒调用一次接口。不过为了不影响性能,在跳转到其他页面时需要清除定时器。这个项目是用的jquery写了,所以不能用react框架那样有提供生命周期函数来清除定时器。 一开始想在起始index.js定义一个全局变量如:window.intervalId, 在需要定时器页面: 然后在其他页面上清除定时器,加上代码 不过貌似没啥 ...

2019-04-03 14:54 0 2250 推荐指数:

查看详情

vue 路由跳转如何清除页面定时器

背景:当前列表需要隔5分钟进行一次定时刷新; 问题: 没有清除定时的话,进入其它页面了,定时器依然执行; 解决办法:使用组件内的守卫beforeRouteLeave; data里面定义了一个变量 把定时器的任务定义在activated事件,这样子,当清除定时后,下次再次 ...

Sat Aug 22 00:10:00 CST 2020 0 2743
Vue清除页面定时器

我们的Index.vue 页面 用了,a,b,c组件, a,b,c组件里面有 定时器来轮询 当我们Index进行 页面跳转的时候,也许你会在 a,b,c组件事件方法写上 但是,很可惜,这样子,你的定时器还是在执行的, 而你在 beforeRouteLeave 方法里面打印的时候,会发 ...

Sat Mar 06 22:41:00 CST 2021 0 289
react跳出当前页面,如何清除页面定时器

当我们在使用 vue或者react 做项目的时候,因为是单页面所以在跳转页面“的时候,不会根据页面的销毁而删除该页面定时器,这就需要大家手动去清除定时器,但是各个技术栈都有相应的钩子函数 能够让同学们在销毁页面的时候清除定时器和绑定的事件,那在这里呢我们不讲钩子函数的使用,我们要说的是另外一种 ...

Thu Nov 19 18:23:00 CST 2020 0 1118
微信小程序页面跳转js定时器没有销毁的问题

现在有一个小程序,对页面数据的实时性很强,本来想用socket,仔细研究了一下,万剑不离其中,它是websocket。服务端不会用,所以使用了传统的http请求方式。开发微信小程序必须要知道的事 1.请先看官方文档 https://developers.weixin.qq.com ...

Mon Jan 21 04:25:00 CST 2019 0 2080
js设置定时器清除定时器

一、前言   在前端,我们有很多功能需要用到定时器。譬如轮询,譬如定时关闭弹框,譬如实现秒表,譬如一段时间后跳转页面等等。因此,我们需要掌握定时器的用法。二、设置定时器   目前window对象提供有两个方法来实现定时器的效果,分别是window.setTimeout ...

Tue Apr 14 09:26:00 CST 2020 0 6330
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM