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

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

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

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

//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);},})

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

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

微信小程序之定时跳转页面相关推荐

微信小程序之自动跳转页面
微信小程序之自动跳转页面: 页面.wxml文件中定义桌面的程序: <scroll-view> < image src="../../images/first.png&quo ...
微信小程序：实现跳转页面到其它页面的指定位置的方法
微信小程序上没有类似 html 锚点链接的方法,但在一些开发场景下却又有这样的需求,我们只能想办法来实现曲线救国了.这篇文章主要介绍了实现跳转页面到其它页面的指定位置的方法(示例代码)以及相关的经验技 ...
微信小程序setTimeout自动跳转页面
setTimeout(function() {console.log("开始进行跳转");wx.reLaunch({url: '../PikceTime/PikceTime',}) ...
微信小程序两种跳转页面的方法
步骤一:添加新页面在小程序目录下的pages文件下新建文件下,命名为news 在app.json中添加新的页面"pages/news/news" 此时news文件夹下出现四个配置 ...
微信小程序点击跳转页面
第一步:index.wxml <button bindtap="gotoPage" style="color: rgb(151, 27, 27);"> ...
解决微信小程序自定义tabbar跳转页面图标闪动问题
情况一如果你的tabbar对应的页面是component,那就在component下面加上其中的selected是该tab页面对应的索引值 pageLifetimes: {show() {i ...
解决微信小程序使用switchTab跳转后页面不刷新的问题
解决微信小程序使用switchTab跳转后页面不刷新的问题参考文章: (1)解决微信小程序使用switchTab跳转后页面不刷新的问题 (2)https://www.cnblogs.com/mmyk ...
Android APP跳转微信小程序和APP跳转支付宝小程序传参
Android APP跳转微信小程序和APP跳转支付宝小程序传参微信开放文档链接 MINIPROGRAM_TYPE_PREVIEW:体验版. MINIPROGRAM_TYPE_TEST:开发版 MI ...
微信小程序中使用全局变量解决页面的传值问题
微信小程序中使用全局变量解决页面的传值问题由于项目需要,最近便在做一个类似于美团的餐饮平台的的微信微信小程序 ,项目有十几个页面,那么页面间的传值被经常用到.在小程序中页面间的传值主要有使用全局变 ...

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

微信小程序之定时跳转页面相关推荐

最新文章

热门文章