小程序退出页面时清除定时器

最新推荐文章于 2024-04-19 18:08:39 发布
最新推荐文章于 2024-04-19 18:08:39 发布
阅读量2.4w 收藏 9
点赞数 3
分类专栏： 小程序 文章标签： 小程序清除定时器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39207066/article/details/79960863
版权

由于小程序页面退出时，定时器和长连接等不会自动清除断开，所以需要我们在生命周期函数中手动清除

但是定时器定义在函数中，我们无法在函数外清除，所以为了解决这个问题，我们需要把定时器定义在data中

比如：Loadingtime是一个定时器，在data中定义Loadingtime：''。


然后在time方法中使用


在onUnload监听页面卸载生命周期函数中清除


如此在退出该页面时，就可以清除该定时器了

捕风的紫色鸢尾
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
IIS进程回收导致定时器失效的解决方法（CMD命令）
09-30
主要介绍了IIS进程回收导致定时器失效的解决方法（CMD命令）,本文使用BAT脚本和任务计划定时执行脚本解决了这个问题,需要的朋友可以参考下
【Vue】清除定时器后定时器仍在运行
leader_li的博客
08-25 1225
我们在 vue 中使用 setTimeout() 或 setInterval() 后，通常都会在 destroyed()或 beforeDestroy() 方法里去清除。解决方案：可以在beforeRouteLeave()方法清除
微信小程序navigateBack、navigateTo；onHide、onUnload
最新发布
qq_39227035的博客
04-19 340
1. wx.navigateTo 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面，左上角有返回上一页按钮；2. wx.redirectTo 关闭当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面，左上角有返回上一页按钮；1）关闭所有页面，打开到应用内的某个页面，左上角有返回首页按钮。2）会触发除了某个页面以外的所有页面的onUnload()会触发当前页面的onHide() 不会触发onUnload()会触发当前页面的onUnload()路由跳转以及事件监听。
在beforeDestroy生命周期清除定时器，定时器函数仍在执行解决
LIJIANGNIHAO123的博客
05-03 882
先写结论：除了需要使用clearInterval清除定时器以外，还需要将定时器函数赋值为null；详解如下：情景：该看板页面设有两个Interval定时器问题出现：当我离开页面时，在vue生命周期函数beforeDestory中通过clearInterval清除定时器；退出页面时，定时器应该已经不再执行然而，即便退出页面，定时器依旧执行（this.getData依然在发起请求获取数据）
微信小程序返回上一页计时器停止不了的问题
Tina_xubin的博客
05-13 2191
先描述一下我遇到的问题： 是一个.catch捕捉错误，点击确定返回上一页的问题 其中用到了计时器 然后，问题就来了，点击返回之后，计时器停止不了，哭泣 showCourses() { getCommondityList( this.page, this.pageSize, changeSchoolRegionId, thi...
微信小程序计时器清除问题setInerval
weixin_30872789的博客
04-04 653
本文仅供入门学习； 上班经常遇到有些同学启用了setInterval计时器，但是不懂得去清除计时器，或者说不知道啥时候去清除， 其实这个只要在页面卸载和页面跳转的时候清空一下即可； 具体如下： var app = getApp(); Page({ data: { }, onLoad(o) { }, onUnload() { // 页面卸载清除计...
详解小程序退出页面时清除定时器
01-03
由于小程序页面退出时，...以上所述是小编给大家介绍的小程序退出页面时清除定时器详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
屏幕保护程序设计思路.doc
03-13
此外，屏幕保护程序应响应键盘和鼠标事件，以便在用户交互时退出屏幕保护模式并恢复显示光标。 ```vb Private Sub Timer1_Timer() TotalCircles += 1 If TotalCircles >= MAX_CIRCLES THEN ClearScreen ' 清除...
单片机课程设计多功能定时器87547225.doc
02-27
单片机课程设计多功能定时器87547225 单片机课程设计 多功能定时器 一、设计目的： 1. 在理论学习的基础上，通过完成一个涉及MCS- 51单片机多种资源应用并具有综合功能的小系统目标板的设计与编程应用； 2. 能够对...
课程设计-----定时器 （2010）
06-11
课程设计-----定时器 （2010） 微机原理课程 设计要求 1、用6位数码管显示时、分、秒，每一秒钟变化一次。并且能用小键盘控制走时、显示和 初始值设置 2、键盘设计要求：’C’ 键，清除计数器；...’E’键，退出程序
显示当前时钟及停止
幸福有多远
04-12 687
<p>页面上显示时钟：</p> <p id="demo"></p> <button onclick="myStopFunction()">停止</button>var myVar=setInterval(function(){myTimer()},1000); function myTimer(){
小程序笔记—性能测试下的定时器：setTimeout与setInterval
01-07
小程序中有两个定时器：setTimeout与setInterval setTimeout：可延时回调 setInterval：可定时循环回调 第一次这样使用： setTimeout(function(){ console.log(延时1秒回调) },1000) setInterval(function(){ console.log(每隔2秒回调一次) },2000) 但性能测试后发现存在定时器未跟随页面回收的问题，这个可能并不影响使用，但优秀的代码，怎能视而不见，同时这个又关系到小程序的评测指标。 仔细阅读文档后，发现定时器是可回收的，需要以下代码 setTimeout
Taro关闭页面时停止计时器
weixin_42861240的博客
05-06 2764
1、在data中定义Loadingtime：’’ constructor () { super(...arguments) this.state = { djsTime:3, // 倒计时时间 Loadingtime:''， // 计时器 } } 2、在组件在装载发生前被立刻调用计时器 componentWillMount () { let that ...
微信小程序如何在关闭页面时关闭定时器！！！
热门推荐
woyebuzhidao_1014的博客
08-27 1万+
在微信小程序中，有时候需要定时器，有时候关闭了页面，而定时器却在一直运行。我是这样解决的。 Page({ data: { loading: '' }, onShow: function() { that.setData({ loading: setInterval(function() { .................... }, 2000) }) }, //*...
微信小程序页面跳转后清除定时器
怎奈你何的博客
04-08 873
笔记 前言：因为做项目，有些数据是实时的，所以要用定时器定时调用接口请求。最开始我加上定时请求，然后跳转的时候，接口请求还是一直执行。但是我想要的是页面跳转后，就清除定时器了。期间有一些小问题的出现，不过不难！ 个人做个笔记哈！ 不多说,放代码！ 代码 data: { timer:null } <!--要时时刷新请求的接口，记得要放在onshow里面，放在onLoad里面的话，跳转到别的界面的时候，还是会一直请求。--> onShow: function () {
小程序定时器的坑 | 使用定时器刷新出现重复数据
牛哞哞杂记
10-24 1207
问题：点击刷新，会重复计时 解决办法：在刷新之前先清空定时器，再点击刷新就不会出现这个问题了。 使用定时器做倒计时加载的时候，遇到一个问题，我点击刷新按钮，会出现两个时间。一个时间是点击刷新之前的时间，一个是点击刷新之后的时间。这样就导致我刷新后，倒计时显示会弹跳两个时间。 ...
react hooks 封装一个countDown 倒计时组件
郊眠寺
01-10 1168
回看整个倒计时的代码，感觉代码其实是挺简单的，但是我当时实现起来是花了挺长时间的，主要原因还是我当时对hooks不太熟悉，现在回看也觉得写得很一般，不是那么的hooks；相信很多大牛都能写得比我好很多，我这里只是分享一下自己曾经写的一个小组件。大家可以按需修改使用。最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。
uniap开发小程序定时器清除不成功（页面停留一段时间会清除掉，快速点击可能会清除不掉）
weixin_44705979的博客
07-06 1277
B:App.vue 定义全局变量 在要使用定时器的A页面获取定时器，A页面跳转的B页面将定时器清除。在A页面获取全局变量并赋值，将setInterval() 改用 setTimeout()1.需求 轮训页面会有个6秒的定时器，有时页面刚加载就跳转定时器不能被清除掉。A：不使用 setInterval() 改用 setTimeout()C:离开A页面的时候将定时器清除，在A页面进入的B页面再次将定时器清除。在A页面进入的B页面再次清除定时器。在A页面离开前清除定时器。
小程序离开当前页面时，清除定时器
MISS_CJL的博客
04-18 8498
在小程序的首页，有一块数据，我是需要实时更新的，所以我就用了定时器。每隔一秒调用一次。但是当我跳转到别的页面时，不想再调用，这时就要清除定时器。 代码如下： //主页 var data111 = require("../../app.js"); const app = getApp(); Page({ data: { timerTask:null, }, //获取指数 ...
uniapp 微信小程序跳转页面时清除定时器
07-09
在uni-app中，如果你想在微信小程序中跳转页面时清除定时器，可以使用`onHide`生命周期钩子函数来清除定时器。`onHide`会在小程序切换到后台时被调用，可以在其中执行一些清理操作，包括清除定时器。以下是一个示例...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值