JS 验证码倒计时效果

  <script>
var countdown = 30;
$("#btnSubmit").click(function () {
     if (checkPhone()==false)
     {
            return
      }

     settime(obj);
});

//倒计时设定

function settime(obj) { 
          if (countdown == 0) {

             // 按键状态设置为可用，文字设置为如下
              obj.attr('disabled', false);
              obj.val("获取验证码");
              $("#btnSubmit").css("background", "#2653d4")
              countdown = 30;
              return;
          } else {
              obj.attr('disabled', true);
              obj.val("(" + countdown + ")S");
              countdown--;
              $("#btnSubmit").css("background", "#ccc")
          }
          setTimeout(function () {
              settime(obj)
          }
              , 1000)
      };

 function checkPhone()

{

       var phone = document.getElementById('exampleInputEmail').value;
       
       if (!(/^1[34578]\d{9}$/.test(phone))) {
              document.getElementById('errorMsg').innerText = '请输入正确的手机号';
              return false;
          } else {
              document.getElementById('errorMsg').innerText = '';
              return true;
          }

};