使用js定时器的方法实现
在实际中的应用:在注册时可以使用倒计时效果,如下面的方法中:在Vue的前端注册页面的使用,
每隔1000ms,也就是1秒刷新一次,
timeDown() {
let result = setInterval(() => {
--this.second;
this.codeTest = this.second
if (this.second < 1) {
clearInterval(result); //清除数据
this.sending = true; //设置发送验证码按钮可按
//this.disabled = false;
this.second = 60; //设置时间为60秒
this.codeTest = "获取验证码"
}
}, 1000);
},
//通过输入手机号发送验证码
getCodeFun() {
registerApi.sendCode(this.params.mobile)
.then(response => {
this.sending = false
//调用倒计时的方法
this.timeDown()
})
},