jquery控制按钮在几秒内不可用

最新推荐文章于 2022-05-03 10:51:11 发布

原创最新推荐文章于 2022-05-03 10:51:11 发布 · 4.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #null

C# 同时被 2 个专栏收录

33 篇文章

订阅专栏

Java Script

3 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于根据剩余时间更新一个登录按钮的状态。当剩余时间大于0时，显示剩余时间并提示'秒后可提交'；当时间耗尽时，更新按钮为'提交'状态。

function updateTimeLabel(time) {
    var btn = $("#btnLogin");
    btn.fadeIn(1000);
    btn.val(time <= 0 ? "提交" : ("" + (time) + "秒后可提交"));
    var hander = setInterval(function() {
        if (time <= 0) {
            canSubmit = true;
            hander = null;
            btn.val("提交");
            btn.css({ "cursor": "hand" }); //.attr("disabled",false);
        }
        else {
            canSubmit = false;
            btn.val("" + (time--) + "秒后可领取");
        }
    }, 1000);
}
updateTimeLabel(15);