小程序 订单30分钟倒计时

订单支付30分钟倒计时效果.gif

data初始化

data{
  endDate2: '',//结束时间
        flager2: true, // 标记是否返回订单列表
        Loadingtime:'',//定时器函数
        endTimeData:{
            d: '',
            h: '',
            m: '',
            s: '',
        },
}

接口返回的订单关闭时间：

let tempT = 30*60 + res.data.order_time;
               var currentEndTime = app.mainJs.getLocalTime(tempT);
               let tempTime = currentEndTime.replace(/-/g, "/"); //处理ios倒计时失效问题（必须加转换）

需要调用倒计时的函数
self.countTime()//这里是倒计时初始化

核心的js函数

let tempT = 30*60 + res.data.order_time;
                var currentEndTime = app.mainJs.getLocalTime(tempT);
                let tempTime = currentEndTime.replace(/-/g, "/");

平常在微信小程序开发的时候，因项目的需求，倒计时必不可少，下面主要讲解定时器在微信小程序中的使用。

这里要先声明一点的就是，该篇主要实现倒计时功能，而且实现是时长较短的倒计时，其他的优化什么的不作主要考虑。

如果实现简单的30分钟倒计时效果，我们可直接使用setInterval即可，但是在微信小程序中，我们需要用微信小程序的语法，这时就会遇到一个难题，那就是怎么关闭定时器的问题，下面给出实例。