Javascript 获取验证码60秒倒计

最新推荐文章于 2025-09-13 09:06:35 发布

weixin_30832983

最新推荐文章于 2025-09-13 09:06:35 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/joffe/p/7679699.html

本文介绍了一种使用JavaScript实现的验证码倒计时功能。通过监听按钮点击事件，触发倒计时并禁用按钮，直至倒计时结束。此方法适用于网页应用中，提升用户体验。

<button id="time">获取验证码</button>
var countdown = 60;
var but = document.getElementById('time');
but.addEventListener('click', function (e) {
    setTime(this);
})

function setTime (elem) {
    if (countdown === 0) {
        elem.innerHTML = "获取验证码";
        countdown = 60;
        elem.disabled = false;
        clearTimeout(anima);
    } else {
        countdown--;
        elem.innerHTML = "重新获取(" + countdown + ")";        
        elem.disabled = true;
        var anima = setTimeout(function () {
            setTime(elem);
        }, 1000);
    }
}