Javascript legt den Handy-Verifizierungscode 60s Wartecode fest

In diesem Artikel werden JS-Einstellungen für Mobiltelefone mitgeteiltBestätigungscode60 Sekunden warten auf die Implementierung des Codes. Freunde, die ihn benötigen, können darauf verweisen

html:

<p class="input">
  <input class="tel input_all" type="text" name="tel" placeholder="手机号">
</p>
<p class="input huoqu">
  <input class="yzm input_all" type="text" name="code" placeholder="验证码">
  <button class="btn1">获取验证码</button>
</p>
<span class="error"></span>

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);
}

Das Obige ist der vom Editor eingeführte JS-Code zum Einstellen des Mobiltelefons Bestätigungscode, der 60 Sekunden lang warten muss. Ich hoffe, dass er für alle nützlich ist. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der Script House-Website bedanken!

Das obige ist der detaillierte Inhalt vonJavascript legt den Handy-Verifizierungscode 60s Wartecode fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!