vue中实现60秒倒计时

<span>{{count}} s</span>
data中:
data(){
	return{
		show: true,
	    count: '',
	    timer: null,
	}
}
methods:{
	getCode() {
      const TIME_COUNT = 60;
      if (!this.timer) {
        this.count = TIME_COUNT;
        this.show = false;
        this.timer = setInterval(() => {
          if (this.count > 0 && this.count <= TIME_COUNT) {
            this.count -= 1;
          } else {
            this.show = true;
            clearInterval(this.timer);
            this.timer = null;
          }
        }, 1000);
      }
    },
    
}

啥时候开始在哪里调用,在页面展示。

Logo

前往低代码交流专区

更多推荐