vue 訂單支付15分鐘倒計(jì)時(shí)

//支付倒計(jì)時(shí)ComputetTime(data) {let st = data.currentTime.replace(/\-/g, "/"),//當(dāng)前服務(wù)器時(shí)間ct = data.formatCreateTime.replace(/\-/g, "/");//創(chuàng)建訂單時(shí)間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();//調(diào)用改變訂單狀態(tài)接口}},

模板template：

<div id="recomTime" v-show="orderinfo.orderState==‘1‘">剩余支付時(shí)間 {{rocallTime}}</div>

當(dāng) this.orderinfo.orderState==‘1‘ 調(diào) this.ComputetTime(data) 即可

總結(jié)

以上是生活随笔為你收集整理的vue 订单支付15分钟倒计时的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。