JS怎么设置手机验证码60s等待

小编给大家分享一下JS怎么设置手机验证码60s等待,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

我们提供的服务有:网站设计制作、做网站、微信公众号开发、网站优化、网站认证、思南ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的思南网站制作公司

 html:


  
     获取验证码

JavaScript:

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

以上是“JS怎么设置手机验证码60s等待”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前名称:JS怎么设置手机验证码60s等待
浏览地址:http://bzwzjz.com/article/jchohh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 营销型网站建设 成都网站建设公司 企业网站设计 营销网站建设 成都网站建设公司 成都网站建设 成都网站设计 企业手机网站建设 成都响应式网站建设 成都模版网站建设 成都网站建设 响应式网站建设 达州网站设计 网站建设 网站建设开发 网站制作 成都网站建设推广 网站建设 响应式网站设计 手机网站设计 成都网站制作