原生js实现发送验证码

最新推荐文章于 2023-04-11 14:18:53 发布

weixin_30940783

最新推荐文章于 2023-04-11 14:18:53 发布

阅读量236

点赞数

原文链接：http://www.cnblogs.com/zhujiasheng/p/8412774.html

版权

var form = {
  myfun:function(){
        var el = form.config().el;
        var button = form.config().button;
        var time =  form.config().time;
      
       function calcTime(button,time){
          if(time == 0){
            button.innerHTML = '重新发送';
            button.removeAttribute("disabled");
          }else{
            setTimeout(function(){
               calcTime(button,time)
            },1000);
            button.innerHTML = time;
            button.setAttribute("disabled", true);
          }
          time = time - 1;
       }
       calcTime(button,time);
  },
  config:function(el,bt,time){
    var c = {};
    c = {
      el: el || document.body,
      button: document.getElementById(bt || 'bt'),
      time: time || 10
    }
    return c;
  },
  createEle:function(ele){
      ele = ele || `<div>
        <input type="text">\
        <button id="bt" style="min-width:80px;">发送验证码</button>\
     </div>`;
     document.body.innerHTML = ele;
  },
  mointBt:function(el){
     el.onclick = function(){
         form.myfun();
     }
  },
  init:function(){
    form.createEle();
    form.mointBt(form.config().button);
  }
}