码迷,mamicode.com
首页 > Web开发 > 详细

验证码倒计时js

时间:2019-01-02 00:02:22      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:ons   null   verify   var   短信发送   interval   isa   code   else   


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

标签:ons   null   verify   var   短信发送   interval   isa   code   else   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!