jquery pause avant d'afficher l'étape suivante

Question

Sur le bouton suivant cliquez sur (contexte du jeu), je veux faire une pause pour afficher la bonne réponse avant d'afficher la question suivante. Comment puis-je le faire? J'essaie ceci:

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(); 
    } 
} 

Mais ne fonctionne pas. Merci

Answer 1

Vous êtes censé passer soit un anonyme fonction à setTimeout() (dans lequel vous placez ce que vous voulez exécuter lorsque le délai expire) ou le nom d'une fonction définie. Si vous placez () après le nom, comme vous l'avez fait, la fonction est exécutée lorsque le setTimeout() est analysé, pas quand il expire, en attendant le résultat de l'exécution de votre fonction pour retourner une autre fonction qui sera exécutée lorsque le setTimeout() expire - un peu comme le fonction anonyme fait.

L'un des éléments suivants fonctionnera comme prévu. Nom de la fonction:

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

... ou un emballage anonyme:

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

Dans la plupart des scénarios de la vie réelle, il est conseillé de changer questionCounter valeur dans la fonction displaynNext(), pas avant.

Answer 2

Avec jquery, vous pouvez utiliser:

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

Answer 3

consulter cette

vous avez fait une petite erreur setTimeout(displayNext(),6000) qui appelle immédiatement à la place que vous ne devez passer le nom de la fonction. setTimeout(displayNext,6000)

Si vous voulez faire appel avec des paramètres assurez-vous que vous écrivez en fonction, puis mettez tout votre code à l'intérieur 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">