禁用Asp.net按钮，然后使用java脚本在5秒后启用它

Question

我想运行一个Asp.net按钮，单击事件(单击它之后)，然后禁用它5秒，然后再次启用它。我使用这个java脚本代码，但是没有执行单击事件代码。这是怎么回事？我是新来的js。

 function lockoutSubmit(button) {
        var oldValue = button.value;

        button.setAttribute('disabled', true);
        button.value = 'Wait 5 sec';

        setTimeout(function () {
            button.value = oldValue;
            button.removeAttribute('disabled');
        }, 5000)
  }

html：

 <asp:Button ID="Button1" 
                runat="server" 
                Text="Send" 
                onclientclick="lockoutSubmit(this)" />

Answer 1

你可以试试这个：

function lockoutSubmit(button) {
    var oldValue = button.value;

    setTimeout(function () {
        button.setAttribute('disabled', true);
        button.value = 'Wait 5 sec';
    }, 0);

    setTimeout(function () {
        button.value = oldValue;
        button.removeAttribute('disabled');
    }, 5000);
}

Answer 2

看看这个。https://jsfiddle.net/9ds9mL1v/5/

$("#Button1").click(function(){
var button =$(this);
  var oldValue = $(this).value;

    button.attr('disabled', true);
    button.value = 'Wait 5 sec';

    setTimeout(function () {
        button.value = oldValue;
        button.removeAttr('disabled');
    }, 5000)


});