vue組件 訂單支付15分鐘倒計時

//支付倒計時
 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) 便可