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

微信小程序——订单列表倒计时

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

由于最近两三个月一直在做一个项目,导致这短时间也没有时间写博客,现在项目基本结束,下面就将项目中遇到的问题记录下,便于以后查阅方便,同时给需要的人一点思路       今天主要讲解下微信小程序中遇到的一个问题——订单列表中待支付订单的支付倒计时问题。废话不多说,先给出主要解决代码:  /**   * 未支付订单倒计时   */  countDown:function(){    var that = this;    that.data.timer = setInterval(function () {      var orders = that.data.orderArray;      for (var i = 0; i orders.length; i++) {        var status = orders[i].status;        if (status == 0) {          var create_time = orders[i].create_time;          //计算剩余时间差值          var leftTime = (new Date(create_time).getTime() + 30 * 60 * 1000) – (new Date().getTime());          if (leftTime 0) {            //计算剩余的分钟            var minutes = util.formatNumber(parseInt(leftTime / 1000 / 60 % 60, 10));            //计算剩余的秒数            var seconds = util.formatNumber(parseInt(leftTime / 1000 % 60, 10));            var left_time = minutes + “:” + seconds;            orders[i].left_time = left_time;          }else{            //移除超时未支付的订单            orders.splice(i, 1);          }        }      }      that.setData({        orderArray:orders      });    }, 1000);  },讲解:定义一个定时器,每秒执行一次。定时器内对订单列表数组进行遍历,根据订单的状态,只处理未支付订单,根据自己的业务逻辑计算订单支付剩余时间(我的订单支付时间是30分钟),如果剩余时间大于0,格式化剩余时间并显示,否则移除超时未支付的订单(防止重复遍历)。最后,不要忘记数据回写setData,否则剩余支付时间不会显示!!!       在退出页面的时候,不要忘记清除定时器  /**   * 生命周期函数–监听页面卸载   */  onUnload: function () {    clearInterval(this.data.timer);  },让我们一起遨游在代码的海洋里!

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序——订单列表倒计时
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏