E企盈营销工具技术服务商 热线:4006-838-530

小程序坑redirectTo计时器setIntervalclearInterval

E企盈直播平台营销卖货系统

var time = 20;    var timer = setInterval(function () {      time = time – 1;      that.setData({        CountDown: time      });      console.log(time);      if (time == 10) {        clearInterval(timer );        wx.redirectTo({          url: ‘./game’,        });      }    }, 1000);正常情况下页面刷新之后正在执行的计时器会被清除,可是在小程序当中并不是这样,即使执行了redirectTo关闭了当前页面到一个新页面,直到达到清除的条件之前(此例是time == 10),老页面的计时器仍旧不会被清除,仍旧继续执行。网友通过将timer添加到data中,通过以下方法获得setInterval返回值,并在onload的时候清楚上一个页面的计时器,这种做法是错误的,因为此时的this已是一个新的页面,再通过this.data.timer的方法是获取不到上一个页面的计时器id的。每次开始打印的都是start:10000是达不到启动页面就能清除上一个页面的计时器的效果的。  data: {    timer: 10000  }, onLoad: function(options) {    var that = this;    clearInterval(that.data.timer);    console.log(“start:” + that.data.timer );    var time = 20;    that.data.timer = setInterval(function () {      time = time – 1;      that.setData({        CountDown: time      });      console.log(time);      if (time == 10) {        clearInterval(that.data.timer );        wx.redirectTo({          url: ‘./game’,        });      }    }, 1000);    console.log(“end:” + that.data.timer);*/  } 解决方法:redirectTo提供了接口调用成功或完成之后的success、complete的回调方法,只要在这里写clearInterval就能在跳转之前清除设置的interval了,在这里为便于其他的函数也能获取到当前页面的计时器进行清除,我们仍旧将timer设置到data中  data: {    timer: 10000  }, onLoad: function(options) {    var that = this;    clearInterval(that.data.timer);    console.log(“start:” + that.data.timer );    var time = 20;    that.data.timer = setInterval(function () {      time = time – 1;      that.setData({        CountDown: time      });      console.log(time);      if (time == 10) {        clearInterval(that.data.timer );        wx.redirectTo({          url: ‘./game’,       success: function() {        clearInterval(that.data.timer);        }        });      }    }, 1000);    console.log(“end:” + that.data.timer);*/  }

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序坑redirectTo计时器setIntervalclearInterval
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏