怎么清除页面所有的定时器？

qq290032431 2013-08-09 11:19:37

页面上有N多个定时器setTimeout，有办法一次性清除掉么？

...全文

10425 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

hanhan313 2014-10-27

打赏
举报

楼主具体怎么解决的，学习~

qq290032431 2013-08-11

打赏
举报

谢谢各位啊，我用一个全局数组装所有的定时器，然后循环清除的。

天际的海浪 2013-08-09

打赏
举报

引用 5 楼 ftiger 的回复:

重新封装自己的一套setTimeout

这个主意不错

ftiger 2013-08-09

打赏
举报

重新封装自己的一套setTimeout

末日哥 2013-08-09

打赏
举报

一个个来吧

未知数 2013-08-09

打赏
举报

定时器返回值其实就是一个整数，并且是顺序生成的你可以写一个循环清楚定时器如： var end = setTimeout(function(){},1); var start = (end -100)>0?end-100:0; for(var i=start;i<=end;i++){ clearTimeout(i); } 在你构造的定时器数量不是太夸张（小于100）的情况下，该方法可以清楚所有定时器

玄冰2013 2013-08-09

打赏
举报


 window.clearInterval(mapPanel.drawTick);

mapPanel.drawTick可以理解为你的定时器弄个东西把你的定时器装起来，循环清除 clearTimeout

bichir 2013-08-09

打赏
举报

试一下，把SETTIOMOUT重写，然后调用。这里考虑重写是要是解决你的SETTIOMOUT没有记录在变量里的问题

wangjin1990123 2013-08-09

打赏
举报

引用 6 楼 jslang 的回复:

[quote=引用 5 楼 ftiger 的回复:] 重新封装自己的一套setTimeout

这个主意不错[/quote]+1

由于小程序页面退出时，定时器和长连接等不会自动清除断开，所以需要我们在生命周期函数中手动清除但是定时器定义在函数中，我们无法在函数外清除，所以为了解决这个问题，我们需要把定时器定义在data中比如：Loadingtime是一个定时器，在data中定义Loadingtime：”。然后在time方法中使用在onUnload监听页面卸载生命周期函数中清除如此在退出该页面时，就可以清除该定时器了以上所述是小编给大家介绍的小程序退出页面时清除定时器详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

今天小编就为大家分享一篇angular2组件中定时刷新并清除定时器的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

timer-miniprogram 小程序定时器管理库，更合理地使用 setTimeout 和 setInterval，在页面显示时重启定时器，页面隐藏时暂停定时器，页面卸载时清除定时器。写这个库的缘由。使用可参考 example 目录下的示例项目或参照以下流程：通过 npm 安装 npm install --save timer-miniprogram 安装完成之后在微信开发者工具中点击构建 npm。导入小程序适配版本的 timer-miniprogram import { TimerBehavior } from 'timer-miniprogram' // 在页面中使用 Page({ behaviors: [TimerBehavior], onReady() { const timer1 = this.$setTimeout(() => { co

背景之前在做ADTS项目的时候，首页是一个实时监测的页面，需要每隔5秒更新一次数据，而业务逻辑上的需要先请求告警列表的接口的，从告警列表中拿到数据再去获取其他的数据，所以我在获取告警列表的方法中增加了一个定时器。最开始我是将定时器声明在组件内部的（由于页面不多，数据关联也不太强，所以项目中没有使用store进行数据管理），后来清除的时候发现无法清除，后来索性声明到window下了。然后在组件内部写了如下代码：发现也没能将定时器清除，后来走debug发现根本就没有进到这个方法中去，然后就去问同事有没有遇到过类似的问题。解决后来同事建议我将路由离开事件的代码放到配置了路由的界面中，

两种方案清除定时器，开发者经常使用方案1，建议使用方案2 方案1 首先我在data函数里面进行定义定时器名称： data() { return { timer: null // 定时器名称 } }, 然后这样使用定时器： this.timer = (() => { // 某些操作 }, 1000) 最后在beforeDestroy()生命周期内清除定时器： beforeDestroy() { clearInterval(this.timer); this.timer = null; } 方案1有两点不好的地方，引用尤大的话来说就是：它需要在这个组件实例中保

JavaScript

87,919

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章