微信小程序订单批量倒计时

ゝ一世哀愁。 2023-01-20 08:00 42阅读 0赞

1、.js

onload(){ 
    this.getOrderList();
    },
    // 获取时间差
      queryTime: function (pintime) { 
        var start_date = new Date();
        var end_date = new Date(pintime.replace(/-/g, "/"));
        var days = start_date.getTime() - end_date.getTime();
        return ((30 * 60000) - days);
      },
    // 获取商品列表
      getOrderList() { 
        let that = this;
        util.request(api.接口, { 
          type: that.data.type
        }).then(function (res) { 
          if (res.errno === 0) { 
            let orderList = res.data.data;
            orderList.forEach(val => { 
               //是待付款订单
              if (val.handleOption.pay == true) { 
                let end_date = new Date(val.add_time * 1000);
                end_date = util.formatTime(end_date, false);
                // 设置时间值
                val.days = that.queryTime((end_date))
              }
            });
            that.setData({ 
              orderList: orderList
            });
            // 清除倒计时
            clearTimeout(timeMemter)
            // 调用倒计时
            that.countDown()
          }
        });
      },
    
    
       // 倒计时
      countDown() { 
        let that = this;
        // 订单列表
        let orderList = that.data.orderList;
        // 遍历
        orderList.forEach(v => { 
          console.log(v.days)
          // 是待支付订单
          if (v.handleOption.pay == true) { 
            // 时间结束取消订单
            if (v.days <= 0 || !v.days) { 
              v.days = 0;
              that.cancelOrderTime(v.id)
            } else { 
              // 开始倒计时
              let formatTime = this.getFormat(v.days);
              v.days -= 1000;
              v.countDown = `${ formatTime.mm}:${ formatTime.ss}`;
            }
          }
        })
        // 循环结束
        that.setData({ 
          orderList
        })
        // 调用倒计时
        timeMemter = setTimeout(this.countDown, 1000);
      },
    
      // 倒计时
       getFormat: function (msec) { 
        let ss = parseInt(msec / 1000);
        let ms = parseInt(msec % 1000);
        let mm = 0;
        let hh = 0;
        if (ss > 60) { 
          mm = parseInt(ss / 60);
          ss = parseInt(ss % 60);
          if (mm > 60) { 
            hh = parseInt(mm / 60);
            mm = parseInt(mm % 60);
          }
        }
        ss = ss > 9 ? ss : `0${ ss}`;
        mm = mm > 9 ? mm : `0${ mm}`;
        hh = hh > 9 ? hh : `0${ hh}`;
        return { 
          ss,
          mm,
          hh
        };
      },