Lassen Sie eine Bootstrap-Schaltfläche deaktiviert und aktivieren Sie sie nach einer bestimmten Zeit

Question

Ich möchte eine Bootstrap-Schaltfläche deaktivieren, aber ich möchte es nach einiger Zeit wieder aktivieren. Ich habe das versucht, aber es funktioniert nicht:

$('button'). 
    prop('disabled', true). 
    setTimeout(function() { 
    $('button').prop('disabled', false) 
    }, 3000); 

Vielen Dank im Voraus.

Answer 1

setTimeout ist kein Verfahren zur Herstellung eines jQuery Elements. Ändern Sie den Code wie folgt:

$('button').prop('disabled', true); 

setTimeout(function() { 
    $('button').prop('disabled', false) 
}, 3000); 

Answer 2

Hier gehen Sie mit der Lösung https://jsfiddle.net/w0nefkfo/

$('button').prop('disabled', true); 
 
setTimeout(function(){ 
 
\t $('button').prop('disabled', false); 
 
}, 2000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="submit" value="submit">Submit</button>

Answer 3

zuerst die Schaltfläche wie $('button').attr("disabled", "disabled"); deaktivieren und setTimeout verwenden und Timeout-Wert zuweisen.

$('button').attr("disabled", "disabled"); 
 
//or you can use #btn ref: $('#btn').attr("disabled", "disabled"); 
 
setTimeout(function() 
 
{ 
 
    $('button').removeAttr('disabled'); 
 
}, 3000);//3000 ms = 3 second.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button id="btn">Submit</button>

Ref: Window setTimeout() Method

Answer 4

$('button').prop('disabled', true); 
    setTimeout(function() { 
     $('button').prop('disabled', false); 
    }, 3000);