자바스크립트에서 휴대폰 인증 코드 60초 대기 코드를 설정합니다.

이 글에서는 코드가 구현될 때까지 기다리는 휴대폰인증 코드60s에 대한 JS 설정을 공유합니다. 필요한 친구는 이를 참조할 수 있습니다.

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

위는 편집자가 소개하는 내용입니다. JS는 휴대폰 인증 코드를 설정하고 60초 동안 기다려 코드를 구현합니다. 궁금한 점이 있으면 메시지를 남겨주세요. 편집자가 제때에 답변해 드릴 것입니다. 또한 Script House 웹사이트를 지원해 주시는 모든 분들께 감사의 말씀을 전하고 싶습니다!

위 내용은 자바스크립트에서 휴대폰 인증 코드 60초 대기 코드를 설정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!