JQuery : Attendre/Délai d'une seconde sans exécuter de code

Question

Je n'arrive pas à faire fonctionner la méthode .delay en jQuery :

$.delay(3000); // ne fonctionne pas
$(queue).delay(3000); // ne fonctionne pas

Je suis en train d'utiliser une boucle while pour attendre qu'une valeur changeante non contrôlée soit supérieure ou égale à une autre et je ne trouve aucun moyen d'interrompre l'exécution pendant X secondes.

Answer 1

Vous pouvez également simplement retarder une opération de cette manière :

setTimeout(function (){

  // Quelque chose que vous voulez retarder.

}, 5000); // Combien de temps vous voulez que le retard soit, mesuré en millisecondes.

Answer 2

$.delay est utilisé pour retarder les animations dans une file d'attente, pas pour arrêter l'exécution.

Au lieu d'utiliser une boucle while, vous devez appeler de manière récursive une méthode qui effectue la vérification chaque seconde en utilisant setTimeout:

var check = function(){
    if(condition){
        // s'exécute lorsque la condition est remplie
    }
    else {
        setTimeout(check, 1000); // vérifier à nouveau dans une seconde
    }
}

check();

Answer 3

La fonction delay de jQuery est destinée à être utilisée avec des effets et des files d'attente d'effets, consultez la documentation de delay ainsi que l'exemple ci-dessous :

$('#foo').slideUp(300).delay(800).fadeIn(400);

Si vous souhaitez observer une variable pour détecter des changements, vous pourriez faire quelque chose comme

(function() {
    var observerInterval = setInterval(function() {
        if (/* vérifiez les changements ici */) {
           clearInterval(observerInterval);
           // faites quelque chose ici
        }
    }, 1000);
})();

Answer 4

JavaScript setTimeout est une très bonne solution :

function funcx()
   {
   // votre code ici
   // sortir d'ici si nécessaire
   setTimeout(funcx, 3000);
   }

funcx();

La fonction delay dans jQuery est principalement utilisée pour retarder les animations dans une file d'attente d'animation jQuery.

Answer 5

delay() ne bloque pas le flux du code puis le relance. Il n'y a pas de moyen pratique de le faire en JavaScript. Tout doit être fait avec des fonctions qui prennent des rappels comme setTimeout comme d'autres l'ont mentionné.

Le but de delay() de jQuery est de faire attendre une file d'attente d'animation avant de s'exécuter. Par exemple, $(élément).delay(3000).fadeIn(250); fera apparaître l'élément en fondu après 3 secondes.