Heim  >  Artikel  >  Web-Frontend  >  js implementiert die Countdown-Funktion für SMS-Bestätigungscodes

js implementiert die Countdown-Funktion für SMS-Bestätigungscodes

小云云
小云云Original
2018-03-02 15:14:382548Durchsuche

Dieser Artikel teilt Ihnen hauptsächlich js zur Implementierung der SMS-Bestätigungscode-Countdown-Funktion mit. Ich hoffe, dass er allen helfen kann.

js-Teil

<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" />

Verwandte Empfehlungen:

So verwenden Sie PHP zum Senden eines SMS-Bestätigungscodes,

JS implementiert den SMS-Bestätigungscode

JS implementiert die gemeinsame Nutzung von Beispielcodes zum Erhalten des SMS-Bestätigungscodes und der Countdown-Funktion bei der Benutzerregistrierung

Das obige ist der detaillierte Inhalt vonjs implementiert die Countdown-Funktion für SMS-Bestätigungscodes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn