码迷,mamicode.com
首页 > 其他好文 > 详细

前端完成的二维码半小时失效倒计时

时间:2020-01-01 15:18:08      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:完成   style   time   his   col   color   class   utc   down   

 data: function () {
    return {
      countdown: 1800,
      payTimeout: 30:00 后超时,
    };
  },

    // 二维码30分钟失效倒计时
    payTimeoutCount() {
      let _this = this;
      if(this.countdown >= 0){
        let minutes = Math.floor(this.countdown/60);
        let seconds = Math.floor(this.countdown%60);
        if(minutes < 10){
          minutes = 0 + minutes;
        }
        if(seconds < 10){
          seconds = 0 + seconds;
        }
        this.payTimeout = minutes + ":" + seconds +  后超时;
        if(this.countdown == 0){
          this.payTimeout = 支付超时;
        }
        --this.countdown;
      }else{
        window.clearInterval(_this.paytimerout);
        this.payTimeout = 支付超时;
      }
    },

    //开始倒计时
    goPay() {
      let _this = this;
      _this.paytimerout = window.setInterval(function(){
        _this.payTimeoutCount();
      },1000); 
    },


// 清空计时器  
    closeCodeMask(){
      let _this = this;
     window.clearInterval(_this.paytimerout);
    },

前端完成的二维码半小时失效倒计时

标签:完成   style   time   his   col   color   class   utc   down   

原文地址:https://www.cnblogs.com/qlongbg/p/12128874.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!