微客导航 » 文章资讯 » JS设置手机验证码60s等待实现代码

JS设置手机验证码60s等待实现代码

2024-02-19 20:24:03 308

html:

获取验证码

JavaScript:

varbtn1=document.querySelector('.btn1');
vartel=document.querySelector('.tel');
varerror=document.querySelector('.error');
vartime=60;
btn1.onclick=function(){
varname=tel.value;
if(name==""){
error.innerHTML='手机号不能为空!';
return;
}
else{
if(!(/^1[3|4|5|7|8]\d{9}$/.test(name))){
error.innerHTML='手机号格式有误.';
return;
}
}
vartimer=setInterval(function(){
time--;
btn1.innerHTML=time+"秒";
btn1.disabled=true;
if(time==0){
time=60;
clearInterval(timer);
btn1.innerHTML="获取验证码";
btn1.disabled=false;
}
},1000);
}

以上所述是小编给大家介绍的JS设置手机验证码60s等待实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

JS设置手机验证码60s等待实现代码

热门推荐

随机推荐