关于微信小程序清除页面定时任务问题

淩亂°似流年 2022-04-23 06:02 745阅读 0赞

说明：

若果是普通的js页面，直接如下：

定时任务1：

var name= setTimeout(

alert("hello JS"），1000

);

关闭定时任务：clearTimeout(name);

定时任务2：

var name= setInterval(

alert("hello JS"），1000

);

关闭定时任务：

clearInterval（name）;

如果是微信小程序页面则不能这样子，因为微信小程序页面有生命周期这一概念，所以关闭小程序页面的定时任务

会有多处需要进行关闭：

代码如下：

page(\{

data:\{

timeName:'',    // 此处给定时任务变量初始化值为null

\}  ，

/\*\*

\* 生命周期函数--监听页面显示

\*/

onShow: function() \{

var that = this;

var status= '';

var timeName= setInterval(function() \{

wx.request(\{

url: '',

data: \{

id: that.data.orderId,

\},

header: \{

'content-type': 'json'

\},

method: 'GET',

dataType: 'json',

success: function(res) \{

status: res.data.data.status;

if (status == 1) \{

wx.navigateTo(\{//此处页面跳转路径

url: '.',

\})

clearInterval(timeName); //取消定时任务

\}

\},

fail: function(res) \{

wx.showModal(\{

title: '提示',

content: res.data.msg,

\})

\},

\})

\}, 30000);

that.setData(\{

timeNamer: timeName

\});

\}，

/\*\*

\* 生命周期函数--监听页面隐藏

\*/

onHide: function() \{

var that = this;

clearInterval(that.data.timeNamer); //取消定时任务

\},

/\*\*

\* 生命周期函数--监听页面卸载

\*/

onUnload: function() \{

var that = this;

clearInterval(that.data.timeNamer); //取消定时任务

\}

\});

发表评论取消回复

表情：

评论列表（有 0 条评论，745人围观）

还没有评论，来说两句吧...

相关阅读

相关【微信小程序】页面事件

目录小程序 - 视图与逻辑页面导航 - 导航传参 1. 声明式导航传参 2. 编程式导航传参 3. 在 onLoad 中接收导航参数页面事件 - 下拉刷新事件

向右看齐/ 2023年10月01日 23:03/ 0 赞/ 149 阅读

相关【微信小程序】页面导航

目录小程序 - 视图与逻辑页面导航 1. 什么是页面导航 2. 小程序中实现页面导航的两种方式页面导航 - 声明式导航 1. 导航到 tabBar 页面 2

淡淡的烟草味﹌/ 2023年10月01日 22:52/ 0 赞/ 142 阅读

相关微信小程序--收藏页面

微信小程序–收藏页面 > 包含功能点： > > 商品收藏页面展示结构：collect.wxml <tabs tabList="{

太过爱你忘了你带给我的痛/ 2023年02月20日 03:20/ 0 赞/ 178 阅读

相关微信小程序关于view的居中问题

.viewClass{ display: flex; justify-content: center; /水平/ align-i

阳光穿透心脏的1/2处/ 2022年12月31日 01:28/ 0 赞/ 579 阅读

相关关于微信小程序

最近，有一个很火的话题，微信小程序。什么是微信小程序呢？起初是公众号小道消息爆出微信推出很早就传言的应用号，不过是叫小程序。微信小程序一经问世，便掀起了一场热潮，同时也伴随着几

以你之姓@/ 2022年07月16日 02:48/ 0 赞/ 316 阅读

相关关于微信小程序清除页面定时任务问题

说明：若果是普通的js页面，直接如下：定时任务1： var name= setTimeout( alert("hello JS"），100

淩亂°似流年/ 2022年04月23日 06:02/ 0 赞/ 746 阅读

相关微信小程序如何新建页面：微信小程序教程系列04

例如在web的开发中，新建一个页面只需要新建一个html文件即可。但是到在微信小程序中，新建一个页面也不只是新建一个wxml文件，那么该如何做呢？下面我们一起来学习

灰太狼/ 2021年12月05日 20:41/ 0 赞/ 1038 阅读

相关微信小程序页面返回问题

一、回退上一级页面 beforePage 返回页面同时需要刷新数据 var pages = getCurrentPages(); //当前页面 var

红太狼/ 2021年09月08日 17:22/ 0 赞/ 737 阅读

相关关于微信小程序使用webview问题

本地服务器的静态页面跑起来如图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

Dear 丶/ 2021年07月24日 12:23/ 0 赞/ 554 阅读

相关微信小程序页面布局

一,微信小程序页面布局方式采用的是Flex布局 1.Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。 2.Flex布局提

野性酷女/ 2021年06月11日 15:11/ 0 赞/ 941 阅读