vue获取验证码倒计时

此方法获取验证码倒计时一分钟，刷新页面不清0，主要利用本地存储，延时器，递归实现

<el-button :disabled="!BtnStatus" @click="validateBtn">{{BtnStatus ? '获取验证码' : `${countDownTime}秒后获取`}}</el-button>

data() {
    return {
        BtnStatus: true,
        countDownTime: 60
  }
}

每次页面重新加载即刷新页面的时候，都从本地存储里获取存的时间戳，如果有的话，调用方法

  created() {
    let myEndTime = localStorage.getItem('myEndTime')
    myEndTime && this.codeCountDown(myEndTime)
  },

点击获取验证码的时候

// 点击的时候利用本地存储存时间
    validateBtn() {
      let endMsRes = new Date().getTime() + 60000                   //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳
      localStorage.setItem('myEndTime', JSON.stringify(endMsRes))   // 把这个一分钟时候的事件戳存起来6       this.codeCountDown(endMsRes)                                  // 调用封装的方法
    }

秒和毫秒是  1 = 1000

    codeCountDown(endMsRes) {
      this.BtnStatus = false
      this.countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000)    //剩余多少秒
      let time = setTimeout(() => {
        this.countDownTime--
        if (this.countDownTime < 1) {
          this.BtnStatus = true
          this.countDownTime = 60
          localStorage.removeItem('myEndTime')
          clearTimeout(time)
        } else {
          this.codeCountDown(endMsRes)
        }
      }, 1000)
    },