jquery在特定时间禁用按钮

Question

我想在特定时间禁用按钮.我怎样才能做到这一点？

Answer 1

由于这可能是您可能想重复的任务,我认为最好的方法是扩展jQuery,如下所示:

$.fn.timedDisable = function(time) {
    if (time == null) { time = 5000; }
    return $(this).each(function() {
        $(this).attr('disabled', 'disabled');
        var disabledElem = $(this);
        setTimeout(function() {
            disabledElem.removeAttr('disabled');
        }, time);
    });
};

这将允许您在一组匹配元素上调用函数,这将临时禁用它们.在编写时,您只需调用该函数,所选元素将被禁用5秒.你会这样做:

$('#some-button').timedDisable();

您可以通过更改5000以下行来调整默认时间设置:

if (time == null) { time = 5000; }

您可以选择传递时间值(以毫秒为单位)来控制元素的禁用时间.例如:

$('#some-button').timedDisable(1000);

这是一个有效的演示:http://jsfiddle.net/fG2ES/

Answer 2

禁用该按钮,然后使用setTimeout运行一个在几秒钟后启用按钮的功能.

$('#some-button').attr("disabled", "disabled");
setTimeout('enableButton()', 5000);

function enableButton(){
   $('#some-button').removeAttr('disabled');
}