jquery pause vor dem nächsten Schritt

Question

Auf Knopf klicken Sie (Spielkontext), ich möchte Pause machen, um die richtige Antwort zu zeigen, bevor die nächste Frage angezeigt wird. wie kann ich es tun? Ich versuche dies:

showCorrectAnswer(); 
questionCounter++; 
setTimeout(displayNext(), 6000); 
/* Or */ 
showCorrectAnswer(); 
questionCounter++; 
wait(6000); 
displayNext(); 

/*with wait*/ 
function wait(ms){ 
    var start = new Date().getTime(); 
    var end = start; 
    while(end < start + ms) { 
     end = new Date().getTime(); 
    } 
} 

aber nicht funktioniert. Dank

Answer 1

Sie setzen alle Ihre Code soll entweder eine anonyme passieren Funktion zu setTimeout() (in denen Sie platzieren, was Sie ausführen möchten, wenn das Zeitlimit abläuft) oder den Namen einer definierten Funktion. Wenn Sie () nach dem Namen platzieren, wie Sie getan haben, wird die Funktion ausgeführt, wenn die setTimeout() analysiert wird, nicht wenn es abläuft, erwartet das Ergebnis der Ausführung Ihrer Funktion eine andere Funktion, die ausgeführt wird, wenn die setTimeout() abläuft - ähnlich wie die anonyme Funktion tut es.

Einer der folgenden Schritte wird wie erwartet funktionieren. Name der Funktion:

showCorrectAnswer(); 
questionCounter++; 
setTimeout(displayNext, 6000); 

... oder anonyme Wrapper:

showCorrectAnswer(); 
questionCounter++; 
setTimeout(function(){ 
    displayNext(); 
}, 6000); 

In den meisten realen Situationen ist es ratsam, questionCounter Wert innerhalb der displaynNext() Funktion zu ändern, nicht vor.

Answer 2

Mit jquery können Sie:

$('.container').hide().delay(6000).fadeIn(displayNext());

Answer 3

Check out diese

Sie einen kleinen Fehler setTimeout(displayNext(),6000) getan haben, die sofort fordert stattdessen sollten Sie nur Funktionsnamen übergeben. setTimeout(displayNext,6000)

Wenn Sie mit den Parametern nennen wollen sicherstellen, dass Sie als eine Funktion schreiben und darin dann setTimeout(function(){displayNext(parameter1,parameter2);},6000)

function displayNext(){ 
 
alert("display"); 
 
}

<input type="number" step="1000" id="num_milisecond" value=1000> milliseconds 
 
<input type="button" onclick="setTimeout(displayNext, document.getElementById('num_milisecond').value);" value="click to allert">