60秒倒计时实现的两种方式

vue中示例
不是vue变量全局定义即可

方法一

export default {
data(){
return {
timeNum:60,
timer:null
}
},
methods:{
 setTime(){
        let that=this;
        if(this.timeNum==0){
        this.timeNum=60;
        clearTimeout(that.timer)
        }else{
        this.timeNum--;
        this.timer=setTimeout(()=>{
        that.setTime();   
        },1000)
   }
  }
    }
 }

方法二

let timer=60;
let auth_timer = setInterval(() => {
        // 定时器设置每秒递减
        this.timer-- // 递减时间
        if (this.timer <= 0) {
          this.verification = true // 60s时间结束还原v-show状态并清除定时器
          clearInterval(auth_timer)
        }
      }, 1000)