Deaktivieren Sie eine Asp.net-Schaltfläche, dann aktivieren Sie sie nach 5 Sekunden mit Java-Skript

Question

Ich möchte eine Asp.net-Schaltfläche klicken Ereignis (nach dem Klicken), deaktivieren Sie es für 5 Sekunden und aktivieren Sie es erneut. Ich verwende diesen Java-Skriptcode, aber der Klickereigniscode wird nicht ausgeführt. Was ist daran falsch? Ich bin neu mit 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

Sie können dies versuchen:

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

check this out. 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) 


});