首頁 > web前端 > js教程 > js實作簡訊驗證碼讀秒功能

js實作簡訊驗證碼讀秒功能

小云云
發布: 2018-03-02 15:14:38
原創
2583 人瀏覽過

本文主要跟大家分享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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板