获取验证码倒计时60s

送分小仙女□ 提交于 2019-12-09 10:05:20
<span class="mui-btn mui-btn-link" id="bindCardPay">获取验证码</span>
<button id="btn" >获取验证码</button>-


var test = {
    node: null,
    count: 60,
    start: function () {
        if (this.count > 0) {
            this.node.innerHTML = this.count-- + "秒后重新获取";
            var _this = this;
            setTimeout(function () {
                _this.start();
            }, 1000);
        } else {
            this.node.removeAttribute("disabled");
            this.node.innerHTML = "重新获取";

            //120秒读完,变回开始背景颜色,在这里添加。
            this.count = 60;
        }
    },
    //初始化
    init: function (node) {
        this.node = node;
        this.node.setAttribute("disabled", true);
        this.start();
    }
};
var btn = document.getElementById("bindCardPay");
btn.onclick = function () {
    bindCardPay();
}

function  bindCardPay(){

test.init(btn);//倒计时开始

}

                                    
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!