当前位置: 主页 > vuejs >

vuejs封装60秒倒计时

2021-09-14    来源:

下面前端入门建站教程为大家介绍一下vuejs封装60秒倒计时

html代码就不写了,直接上script中的代码

export default {
	data() {
		return {
			countdown:"",
			timer: null,
		}
	},
	methods: {
		getMobileCode(){
			const TIME_COUNT = 60;
			if (!this.timer) {
			  this.countdown = TIME_COUNT;
			  this.timer = setInterval(() => {
				if (this.countdown > 1 && this.countdown <= TIME_COUNT) {
				  this.countdown--;
				} else {
				  this.countdown = ''
				  clearInterval(this.timer);
				  this.timer = null;
				}
			  }, 1000);
			}
		},
	}
}

上面是“vuejs封装60秒倒计时”的全面内容,想了解更多关于 vuejs 文章,请继续关注前端入门建站教程。

最新文章

猜你喜欢