小程序短信倒计时功能

小程序短信倒计时功能

{{!codetime?'获取验证码':codetime+' s'}}

1.codetime

data() { return { status:false,//false代表账号密码登录，true代表手机验证码登录 disabled:true, loading:false, username:"", password:"", phone:"", checknum:"", codetime:0, } },

2.短信发送成功处理倒计时， 进入的时候需要判断倒计时是否结束。

// 获取验证码 async getCheckNum(){ if(this.codetime > 0)return; // 验证手机号合法性 if(!this.isPhone()){ return uni.showToast({ title: '请输入正确的手机号码', icon:"none" }); } // 请求服务器，发送验证码 let [err,res] = await this.$ phone:this.phone }); // 请求失败处理 this.$ if (res.data.errorCode === 30001) return; // 发送成功，开启倒计时 this.codetime=60; let timer=setInterval(()=>{ this.codetime--; if(this.codetime < 1){ clearInterval(timer); this.codetime=0; } },1000); },

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。