今日焦点 焦点资讯 营销之道 企业报道 淘宝运营 网站建设 软件开发 400电话
  当前位置: 首页 » 资讯 » 软件开发 » 正文

js实现短信验证码读秒功能

放大字体  缩小字体 发布日期:2018-03-02  来源:企业800网  作者:新格网  浏览次数:435  【去百度看看】
核心提示:本文主要和大家分享js实现短信验证码读秒功能,希望能帮助到大家。
本文主要和大家分享js实现短信验证码读秒功能,希望能帮助到大家。

js部分

<script type="text/javascript">   
  var countdown=60;   
  function settime(obj) {   
      if (countdown == 0) {   
          obj.removeAttribute("disabled");      
          obj.value="免费获取验证码";   
          countdown = 60;   
          return;  
      } else {   
          obj.setAttribute("disabled", true);   
          obj.value="重新发送(" + countdown + ")";   
          countdown--;   
      }   
   setTimeout(function() { 
   settime(obj) }   
   ,1000);  
    
  }  
  function dd(){
   var obj = document.getElementById("test1");
   obj.innerHTML="";
   var nullOp = document.createElement("option");
   nullOp.setAttribute("value", "");
   nullOp.appendChild(document.createTextNode("请选择"));
   obj.appendChild(nullOp);
   for ( var int = 0; int < 1; int++) {
    var op = document.createElement("option");
    op.setAttribute("value", "123");
    op.appendChild(document.createTextNode("123"));
    obj.appendChild(op);
   }
  });
 </script>
html部分
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
<input type="text" id="dd" onclick="dd()" value="sdf" />

相关推荐:

怎么用php实现短信验证码发送、

JS实现短信验证码

JS实现用户注册时获取短信验证码和倒计时功能的示例代码分享

以上就是js实现短信验证码读秒功能的详细内容,更多请关注php中文网其它相关文章!

 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持