微信小程序之定时跳转页面

2024-07-15 17:52| 来源: 网络整理| 查看: 265

在做小程序过程中，做一个弹框跳转页面的功能，用户可以点击跳转，如果用户不点击的情况下，默认三秒钟跳转页面。

这么问题就来了，当用户点击跳转按钮后，页面跳转完毕，但是定时器还没有结束，依旧在执行三秒之后再跳转一次页面。

一番度娘之后，找到了解决办法。（上代码）

//js文件代码 page({ data:{ Loadingtime: '', //设置定时器变量 }, /** * 用户点击按钮 */ contrast(){ var _this = this; _this.setData({ // 定时三秒跳转对比页面 Loadingtime: setInterval(function () { // 关闭弹框提示 _this.setData({ show: false }) // 跳转页面 wx.navigateTo({ url: '/pages/contrast/contrast', }) }, 3000) }) }, /** * 立即跳转 */ continue(){ var _this = this; // 关闭提示弹框 _this.setData({ show:false }) // 跳转页面 wx.navigateTo({ url: '/pages/contrast/contrast', }) }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { // 关闭当前页面时取消定时器 clearInterval(this.data.Loadingtime); }, })

注：主要的就是给定时器一个变量，当页面关闭或者隐藏时取消定时器就可以了

（本文章就是记录一下自己遇到的坑，也许是很低级的，但是自己踩过得坑要张张记性。）

【本文地址】

公司简介

联系我们