获取验证码倒计时60s

最新推荐文章于 2024-06-04 10:10:52 发布

qq_35414045

最新推荐文章于 2024-06-04 10:10:52 发布

阅读量219

点赞数

本文链接：https://blog.csdn.net/qq_35414045/article/details/80984373

版权

本文介绍了一个用于绑定卡片支付的功能实现，重点在于验证码的获取与60秒倒计时逻辑。通过JavaScript编写，确保用户在验证过程中只能在规定时间内进行操作。

摘要由CSDN通过智能技术生成

<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();
}