获取验证码倒计时60s--前端案例

本文主要介绍setInterval定时器实现获取验证码倒计时60s

按钮点击前

按钮点击后

1.html

Tips:html页面主要的是通过onclick=”sendCode(this)”

<button type="button" class="btn-common-100p code-btn" onclick="sendCode(this)">获取验证码</button>

2.封装的js

let countdown=60;  function sendCode(obj) {       if (countdown == 0) {           $(obj).removeAttr("disabled",'disabled');           $(obj).html('获取验证码');           countdown = 60;           return;       } else {           $(obj).attr("disabled",'disabled');           $(obj).html(countdown +' s');           countdown--;       }       setTimeout(function() {sendCode(obj) },1000)   }