微信小程序页面跳转后清除定时器

笔记

前言：因为做项目，有些数据是实时的，所以要用定时器定时调用接口请求。最开始我加上定时请求，然后跳转的时候，接口请求还是一直执行。但是我想要的是页面跳转后，就清除定时器了。期间有一些小问题的出现，不过不难！个人做个笔记哈！不多说,放代码！

代码

data: {timer:null}
<!--要时时刷新请求的接口，记得要放在onshow里面，放在onLoad里面的话，跳转到别的界面的时候，还是会一直请求。-->onShow: function () {let _this = this;this.setData({timer: setInterval(() => {_this.getWarning(); // 这个是我要实时刷新的事件}, 6000)})},
/**
* 生命周期函数--监听页面隐藏
*  onHide()在小程序生命周期中具有监听小程序隐藏的功能，当切换页面和切换底部菜单栏时将会关闭定时器。*/
onHide: function () {clearInterval(this.data.timer);this.setData({timer: null})
},
/*** 生命周期函数--监听页面卸载
*/onUnload: function () {clearInterval(this.data.timer);this.setData({timer: null})}

微信小程序页面跳转后清除定时器相关推荐

微信小程序页面跳转后定时器如何关闭
微信小程序页面跳转后定时器如何关闭 1.在页面中定义,定时器形参,并在跳转到其它页面后,在隐藏和未加载中删除定时器 Page({data: {timer:'',//定义定时器形参,为空字符在这里插入代 ...
uni-app以及微信小程序页面跳转后实现页面自动刷新
uni-app以及微信小程序页面跳转后实现页面自动刷新在程序中需要从一个switch TAb页面跳转到另一个switch Tab页面,但是页面跳转之后,发现添转后的页面不会执行onload里面的刷新 ...
微信小程序页面跳转后不显示内容
说起来就很无语,睡觉前都已经确认从云储存获取到数据了,页面跳转也没有问题,只要在前端渲染就好了.结果一觉起来,页面跳转突然就空白了,编译器和控制台都没有报错.小程序的开发人员们,我的脚趾头都握紧了. ...
微信小程序页面跳转后回到顶部
做小程序时经常遇到页面比较长的情况,经过跳转后,又该如何回到页面顶部呢? 主要用到scroll-view 组件中 scroll-top设置页面顶部距离代码有以下功能:点击demo页面底部的跳转至de ...
h5跳转小程序页面url_微信小程序页面跳转方法
我所知道的,微信小程序页面跳转有以下方法,下面分情况说明下一.利用小程序提供的 API 跳转: 1.简单page页面之间跳转 // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateB ...
微信小程序页面跳转方法总结
微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. // ...
微信小程序页面跳转，url传参参数丢失问题
微信小程序页面跳转,url传参参数丢失问题 // pages/order/purchase/index.js// 跳转到采购订单详情toPurchaseOrderDetail(e) {// conso ...
微信小程序页面跳转如何传递对象参数
前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家.大家及时保存,说不定啥时候就没了. 微信小程序页面跳转如 ...
php 微信公众号跳转小程序,微信小程序页面跳转功能
本文主要介绍微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法,结合具体实例形式总结分析了微信小程序页面跳转及列表item项跳转页面的相关操作技巧,需要的朋友可以参考下. 一.效果图从 ...

微信小程序页面跳转后清除定时器

笔记

代码

微信小程序页面跳转后清除定时器相关推荐

最新文章

热门文章