vue組件 訂單支付15分鐘倒計時
阿新 • • 發佈:2018-01-30
.get run else 時間 log form color temp date
//支付倒計時 ComputetTime(data) { let st = data.currentTime.replace(/\-/g, "/"),//當前服務器時間 ct = data.formatCreateTime.replace(/\-/g, "/");//創建訂單時間 let ts = new Date(st).getTime(), tc = new Date(ct).getTime(); let cm = 15 * 60 * 1000 - (ts - tc); this.runBack(cm); },
runBack(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.runBack(cm); },1000); } else { this.changeOrderState();//調用改變訂單狀態接口 } },
模板template:
<div id="recomTime" v-show="orderinfo.orderState==‘1‘">剩余支付時間 {{rocallTime}}</div>
當 this.orderinfo.orderState==‘1‘ 調 this.ComputetTime(data) 即可
vue組件 訂單支付15分鐘倒計時