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

cstester

于 2011-09-15 16:57:12 发布

阅读量4.9k

点赞数

分类专栏： C# Java Script 文章标签： jquery function null

本文链接：https://blog.youkuaiyun.com/cstester/article/details/6778914

版权

C# 同时被 2 个专栏收录

33 篇文章

订阅专栏

Java Script

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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