設置延遲提交按鈕; ID。按鈕灰色，並在點擊後禁用x secondes

Question

我喜歡在提交按鈕上設置延遲。換句話說，點擊該按鈕後會變灰幾秒鐘。我怎樣才能用js來完成這個任務？

乾杯， 肯尼斯

Answer 1

這可以幫助你：http://jsfiddle.net/jhNcM/

<input type="button" id="aaa" value="button" /> 

$('#aaa').click(function() { 
    var aaa = $(this); 
    aaa.prop('disabled', true); 
    setTimeout(function() { 
     aaa.prop('disabled', false); 
    }, 3000); 
}); 

Answer 2

$("#button").click(function() { 
    if (this.disabled) { 
     return; 
    } 
    this.disabled = true; 
    setTimeout($.proxy(function() { 
     this.disabled = false; 
    }, this), 3000); 
}); 

Answer 3

有一種方法可以做到這一點http://jsfiddle.net/Ktk6f/

HTML

<input type="submit" value="submitData" id="myButton" /> 

JS

$('#myButton').click(function(){ 
    var that = $(this); 
    that.attr('disabled', true); 
    var timer = setTimeout(function(){ 
     that.attr('disabled', false); 
    }, 1000); 
}); 

它需要jQuery的JS框架

Answer 4

普通的JavaScript：http://jsfiddle.net/R5p5q/1/

<form id="myForm"> 
    <input id="mySubmit" type="submit" value="GO" /> 
</form> 

var myForm = document.getElementById('myForm'); 

myForm.addEventListener("submit", function(evt) { 
    var elemSubmit = document.getElementById('mySubmit'); 
    elemSubmit.setAttribute("disabled", "disabled"); 

    // Removes disabling after 3 seconds 
    window.setTimeout(function() { 
     elemSubmit.removeAttribute("disabled"); 
    }, 3e3); 
},false);