技術標籤：uniappjavascriptvue.js

uniapp 獲取驗證碼倒計時 重複點選時清除上一次的定時器

data中定義變數

data(){
			var time
			return {
				num:60,
				time
			}

timer() {
			this.time = setInterval(() => {
				this.num--;
				if (this.num <= 0) {
					clearInterval(this.time);
					this.isstart = true;
				}
			}, 1000);
		},
		//首次獲取驗證碼觸發
 

		getNumber() {
			this.isstart = false;
			this.timer();
		},
		//重新獲取時觸發事件
		getNext() {
			this.num = 60;
			//處於倒計時時 再一次點選 清除已存在的定時器
			clearInterval(this.time);
			this.timer();
		}

效果