首页 > Web开发 > 详细

验证码倒计时js

时间:2019-01-01 23:22:53      阅读:203      评论:0      收藏:0      [点我收藏+]


getVarify.js


// 验证码计时——第一种
window.onload = function () {
    var send = document.getElementById(‘send‘), //按钮ID
        times = 10, // 别忘了改这里
        timer = null;
    send.onclick = function () {
        // 计时开始
        send.disabled = true;
        timer = setInterval(function () {
            times--;
            if (times <= 0) {
                send.value = ‘获取验证码‘;
                clearInterval(timer);
                times = 5;  // 别忘了改这里
                send.disabled = false;
            } else {
                send.value = times + ‘秒后重试‘
                send.disabled = true;
            } console.log(times)
        }, 1000);
        // 发送请求获取验证码
        console.log("sending...")
    }
}// 验证码计时——第二种
// 参数:倒计时秒数, 按钮jquery对象, 倒计时结束时显示的文字
// 可以放到短信发送完毕后的回调函数里
// switchMSG(60, $("#get-verify"), ‘获取验证码‘)
function switchMSG(times, ele, txt) {
    ele.prop(‘disabled‘, true)
    var idT = setInterval(function() {
        if(times < 1) {
            ele.html(txt)
            ele.prop(‘disabled‘, false)
            clearInterval(idT)
        } else {
            ele.html(times+‘s‘)
            times--

        }
    }, 1000)
}

验证码倒计时js

原文:https://www.cnblogs.com/lovellll/p/10206274.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!