jQuery获取验证码

使用jQuery实现动态验证码刷新功能

最新推荐文章于 2024-07-18 09:34:37 发布

原创最新推荐文章于 2024-07-18 09:34:37 发布 · 314 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #前端 #javascript

本文详细介绍了如何使用jQuery编写JavaScript代码来实现点击按钮后，每秒自动刷新验证码并控制其显示和禁用状态，当验证码过期时，清空计时器并提示用户重新获取。

jQuery获取验证码

var btn = document.querySelector('#btn')
    var time = 60
    btn.addEventListener('click', function () {
      var timer = setInterval(function () {
        btn.disabled = true
        time--
        console.log(time)
        btn.innerText = time
        if (time <= 0) {
          clearInterval(timer)
          btn.innerText = '重新获取'
          btn.disabled = false
          time = 60
        }
      }, 1000)
    })