今天在开发的小程序过程中,遇到了一个发送验证码的需求,嗯嗯,大体的ui效果图如下所示!
点击号码的时候,我们点击获取验证码,开始倒计时的功能,首先我们申请一个变量check=true,
tochangeTime() {
const regu=/^1\d{10}$/;
if(regu.test(this.phone)&&this.check){
this.check = false;
let timer = setInterval(() => {
if (this.second == 0) {
this.second = 60;
this.check = true;
clearInterval(timer)
return
} else {
this.second--;
return
}
}, 1000);
}else{
this.utils.toast('手机号格式有误');
}
},
const 里面是一个正则表达式,验证手机号为1,后10位为数字类型,第一次写这种倒计时的,加油!