首页 > Web开发 > 详细

验证码倒计时js

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

标签:win   switch   htm   开始   jquery对象   disabled   fun   回调   timer   


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

标签:win   switch   htm   开始   jquery对象   disabled   fun   回调   timer   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 designnerd.net 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号