支付订单中未付款倒计时

很多的同学在写订单付款时候，出现未付款订单倒计时，然而刷新后，又重新复值了，不能一直倒计时，我为大家分享一下 在uni-app 是如何先实现倒计时的

 

1、 在支付订单的提交时候，你需要把订单的结束日期写上

    例如： 你规定15分钟的倒计时，当前的日期为2021-5-20 10:20：20

           订单的支付到期日期为2021-5-20 10:35：20 

2.将订单支付日期转换为时间戳

//时间戳为10位需*1000，时间戳为13位的话不需乘1000

   data() {
            return {
                expirationTime:'',
                rocallTime:'',
            }
        },

onLoad(options) {
            
            console.log(options);
             //php 中的时间戳一般10位的，需要乘以1000；expirationTime 为后台API接口中返回到期日期
              //options.expirationTime= 1621476314;  
 
            
                this.expirationTime = options.expirationTime*1000;
                
                // 如果没有这个时间戳参数，则代表是从创建订单的时候进入的此支付页面，默认为4500000时间，时间为30分钟 ，自己的需要自己规定默认的时间戳
                var result = 45000000;
                
                if(options.expirationTime){
                    var now=new Date().getTime();
                    var end= options.expirationTime*1000; 
                      console.log(end-now);
                    // 用当前的时间与时间戳时间比较，如果到了时间戳时间，则代表倒计时结束，交易失败。
                    if(end-now > 45000000){
                        result= 45000000;
                    }else{
                        result=Math.floor(end-now);
                    }
                    console.log(result);
                    
                }
                console.log(result);
                this.runTimeBack(result)；
            
        },

methods: {
            runTimeBack(cm) {
                console.log("循环:"+cm);
             if (cm > 0) {
                cm > 60000? 
                (this.rocallTime =(new Date(cm).getMinutes() < 10? "0" + new Date(cm).getMinutes(): new Date(cm).getMinutes()) + "分" + (new Date(cm).getSeconds() < 10? "0" + new Date(cm).getSeconds(): new Date(cm).getSeconds())+"秒")
                : 
                (this.rocallTime ="00分" +(new Date(cm).getSeconds() < 10 ? "0" + new Date(cm).getSeconds(): new Date(cm).getSeconds())+"秒");
                let _msThis = this;
                // 此处是一个递归，调用时间计时器函数，一秒时间减少一秒，一秒后继续调用当前函数，这就是函数的递归。
                
                setTimeout(function() {
                  cm -= 1000;
                
                
                  _msThis.runTimeBack(cm);
                  
                }, 1000);
              } else {
                 this.rocallTime="00分00秒"
                 // 在这里需要写倒计时是为0秒时候修改一下订单的状态

                     

                            uni.request(

                                    url：“XXX/XXX/XXX”   //服务的出现订单状态的API接口

                                      method:"post"

                                      data:{

                                                orderno: '2021232322XXXX' ,//订单号

                                         }

                                   ) 

                            //订单的状态发生变化结束

 
              }
            },
            
        }