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

淩亂°似流年 2022-04-23 06:02 598阅读 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 条评论，598人围观）

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

相关阅读

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

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

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

相关微信小程序页面传参

页面一 <view class="main"> <view>页面一</view> <button bindtap="btn">跳转到页面二</

川长思鸟来/ 2022年11月15日 15:58/ 0 赞/ 173 阅读

相关关于微信小程序

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

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

相关微信小程序修改页面标题

Page({ data: {}, onLoad: function (options) { var that = this;

一时失言乱红尘/ 2022年05月09日 04:28/ 0 赞/ 247 阅读

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

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

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

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

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

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

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

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

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

相关微信小程序页面生命周期

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] Page(Object object) 注册小程序中的一个页面。接受一个 `Objec

心已赠人/ 2021年09月07日 18:44/ 0 赞/ 404 阅读

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

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

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

相关微信小程序页面布局

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

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