小程序离开当前页面时，清除定时器问题

一、小程序离开当前页面时，会遇到清除定时器失效问题

解决方式：

// pages/setInter/index.js
Page({/*** 页面的初始数据*/data: {myInterv: '', // 定时器cont: 0 // 数据},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {const self = thisself.interval(() => {self.setData({cont: self.data.cont + 1})console.error(self.data.cont)}, 1000)},/*** 生命周期函数--监听页面隐藏*/onHide: function () { // 后台运行清除定时器const self = thisself.clearTimeInterval(self)},/*** 生命周期函数--监听页面卸载*/onUnload: function () { // 关闭清除定时器const self = thisself.clearTimeInterval(self)},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {},interval (func, wait) { // 定时器const self = thisvar myInterv = setInterval(func, wait)self.setData({myInterv: myInterv})},clearTimeInterval (self) { // 清除定时器var myInterv = self.data.myIntervclearInterval(myInterv)}
})

js中注意：onHide onUnload 生命周期定时器销毁

<!--pages/setInter/index.wxml-->
<view >定时器:{{cont}}</view>

二、如有帮助，敬请点赞。

小程序离开当前页面时，清除定时器问题相关推荐

微信小程序退出页面时清除定时器
由于小程序页面退出时,定时器和长连接等不会自动清除断开,所以需要我们在生命周期函数中手动清除但是定时器定义在函数中,我们无法在函数外清除,所以为了解决这个问题,我们需要把定时器定义在data中比如 ...
小程序退出页面时清除定时器
由于小程序页面退出时,定时器和长连接等不会自动清除断开,所以需要我们在生命周期函数中手动清除但是定时器定义在函数中,我们无法在函数外清除,所以为了解决这个问题,我们需要把定时器定义在data中比如 ...
微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateBack 返回后，执行上一页的某个函数方法刷新数据）回前一个页面时，执行前一个页面的函数方法。支持改变 data 数据。
前言例如,您使用 wx.navigateTo 跳转到页面后,当用户点击左上角返回时,您需要执行上一页的函数来达到更新数据或改变数据. 比如当付款完成后,从页面返回查看订单时,订单列表此时数据必须是 ...
uni-app中，小程序或h5页面背景音乐的播放与暂停
在uni-app中写小程序或h5页面时,用到背景音乐,以及图标的旋转动画一.创建music.js 放在static或新建文件夹 const bgm = uni.createInnerAudioCon ...
【微信小程序】在页面跳转时如何进行页面导航
1. 什么是页面导航页面导航指的是页面之间的相互跳转.例如,浏览器中实现页面导航的方式有如下两种: ① a链接 ② location.href 2. 小程序中实现页面导航的两种方式 ① 声明式导航 ...
微信小程序某一页面分享任意页面的小坑
最近在做一个微信小程序,遇到的坑挺多的,究其原因还是对小程序的运行机制不是很了解,因此才会有这么多的坑,先记录一个刚解决的问题. 在微信小程序某一页面A中分享其他任意在app.json中定义的页面如B ...
微信小程序开发教程第七章：微信小程序编辑名片页面开发
前面我们更新了六篇的微信小程序开发教程,现在更新第七章:微信小程序编辑名片页面开发,(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程 ...
Java Web项目，Android和微信小程序的初始页面配置
Java Web项目我们在Eclipse里开了Java Web项目之后,Run As Tomcat或者Apache服务器,本地运行,如果直接用http://localhost:8080访问项目,会发 ...
小程序内嵌h5页面分享_微信小程序webview内页面分享
因为项目原因,之前在微信小程序内部使用 webview 嵌套了 h5 页面,现在要添加一个新的功能,用户在哪个页面进行了分享,被分享的用户从链接进来就跳转到哪个分享页面. 先了解一下 web-view ...

小程序离开当前页面时，清除定时器问题

一、小程序离开当前页面时，会遇到清除定时器失效问题

js中注意：onHide onUnload 生命周期定时器销毁

二、如有帮助，敬请点赞。

小程序离开当前页面时，清除定时器问题相关推荐

最新文章

热门文章

小程序离开当前页面时，清除定时器问题

一、小程序离开当前页面时，会遇到清除定时器失效问题

js中注意：onHide onUnload 生命周期 定时器销毁

二、如有帮助，敬请点赞。

小程序离开当前页面时，清除定时器问题相关推荐

最新文章

热门文章

js中注意：onHide onUnload 生命周期定时器销毁