微信小程序页面跳转后定时器如何关闭

微信小程序页面跳转后定时器如何关闭

1.在页面中定义,定时器形参,并在跳转到其它页面后,在隐藏和未加载中删除定时器

Page({
  data: {
    timer:'',//定义定时器形参,为空字符在这里插入代码片
  },
      onHide: function () { 
      var that = this;
      clearInterval(that.data.timer); //页面跳转到其它页面后,为隐藏状态,需要清除定时器
    },
  
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
      var that=this;
      clearInterval(that.data.timer); //页面未加载时,需要清除定时器
    },
       /**
     * 定时器函数--每隔一秒循环执行函数体
     */
    loop: function(e) {
        var that = this;
        var count = 0
        var i = setInterval(function() {
            count++
            if (count >= 0) {
            console.log(count)
            }
            if (count >= 6) {
            clearInterval(i)
            }
        }, 1000) //定时器每秒执行一次
        that.setData({timer:i})//给定时器赋值,在该页面跳转到其它页面后,在onHide和onUnload中清除该值
      },
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值