à l'aide de setTimeout de manière synchrone en JavaScript

J'ai le scénario suivant:

setTimeout("alert('this alert is timedout and should be the first');", 5000);
alert("this should be the second one");

J'ai besoin le code après le setTimeout à être exécuté après le code dans le setTimeout est exécutée. Depuis que le code qui vient après le setTimeout n'est pas le code de mon propre je ne peux pas le mettre dans la fonction appelée dans le setTimeout...

Est-il un moyen de contourner cela?

InformationsquelleAutor Nathan | 2010-11-08
  1. 60

    Est le code contenu dans une fonction?

    function test() {
    setTimeout(...);     

    //code that you cannot modify?
}

    Dans ce cas, vous pouvez empêcher la fonction de poursuite de l'exécution, puis exécutez-le à nouveau:

    function test(flag) {

    if(!flag) {

        setTimeout(function() {

           alert();
           test(true);

        }, 5000);

        return;

    }

    //code that you cannot modify

}
    • C'est en effet une solution acceptable, c'est parfait!
    • c'est génial!! mais le mien est tout une affaire similaire, sauf où il y a beaucoup de code de la structure qui se trouve au-dessus de la setTimeout appeler ainsi, et il ne peut pas être exécuté à nouveau... et il ne sera pas possible de diviser mon code dans différentes fonctions à partir du point où setTimeout coups de pied dans.
    • Hedlund : C'est bien, mais est-il possible de rendre le code synchrone lorsque le code n'est pas dans une fonction?
    • Je viens de créer une petite bibliothèque gitlab.com/ghit/syncjs pour créer des pseudo-synchrone d'exécution de javascript.
    InformationsquelleAutor David Hedlund
  2. 36

    Je suis venu dans une situation où j'avais besoin d'une fonctionnalité similaire la semaine dernière et il m'a fait penser à ce post. Fondamentalement, je pense que le "Occupé Attente" à laquelle @AndreKR se réfère, serait une solution appropriée dans beaucoup de situations. Ci-dessous le code que j'ai utilisé à de porc sur le navigateur et la force d'une condition d'attente.

    JS:

    function pause(milliseconds) {
	var dt = new Date();
	while ((new Date()) - dt <= milliseconds) { /* Do nothing */ }
}

document.write("first statement");
alert("first statement");

pause(3000);

document.write("<br />3 seconds");
alert("paused for 3 seconds");

    Gardez à l'esprit que ce code acutally détient les paramètres de votre navigateur.
    Espérons que cela aide quelqu'un.

    • En fait, ce n'est pas mettre en pause l'exécution du script, mais le script suivant (après appel la fonction de pause) sera exécuté après le bouclage fait. Délicat, mais fonctionnellement, il répond à la nécessité de la question.
    InformationsquelleAutor Nathan
  3. 6

    Il suffit de le mettre à l'intérieur de la fonction de rappel:

    setTimeout(function() {
    alert('this alert is timedout and should be the first');
    alert('this should be the second one');
}, 5000);
    • Mais il n'a pas accès au code qui déclenche l' setTimeout?
    • Et depuis que le code qui vient après le setTimeout n'est pas le code de mon propre je ne peux pas le mettre dans la fonction appelée dans le setTimeout... je suis en train de travailler avec un framework, donc je ne peux pas juste mettre les cadres de code n'...
    • Désolé pour l'erreur de lecture. Eh bien, alors vous êtes hors de la chance. setTimeout si toujours asynchrone.
    • Ok, c'est ce que je craignais off. merci!
    InformationsquelleAutor Darin Dimitrov
  4. 5

    Pas, comme il n'y a pas de délai de fonction en Javascript, il n'existe aucun moyen pour ce faire d'autre que occupé attente (ce qui serait verrouiller le navigateur).

    • Pouvez-vous préciser la occupé attente Idée et de son travail.
    • var until = new Date().getTime() + 3000; while(new Date().getTime() < until) {}; alert('3 seconds passed');
    • J'ai toujours éviter lors de la vérification, sans aucune limitation de bande passante
    InformationsquelleAutor AndreKR
  5. 4

    ES6 (occupé attente)

    const delay = (ms) => {
  const startPoint = new Date().getTime()
  while (new Date().getTime() - startPoint <= ms) {/* wait */}
}

    utilisation:

    delay(1000)
    InformationsquelleAutor Andrey
  6. 2
    setTimeout(function() {
  yourCode();    //alert('this alert is timedout and should be the first');
  otherCode();   //alert("this should be the second one");
}, 5000);
    InformationsquelleAutor Marcel Jackwerth
  7. 1

    À l'aide de ES6 & les promesses & async vous pouvez obtenir des choses en cours d'exécution synchrone.

    Donc, qu'est-ce que le code fait?

     1. Calls setTimeOut 1st inside of demo then put it into the webApi Stack
 2. Creates a promise from the sleep function using the setTimeout, then resolves after the timeout has been completed;
 3. By then, the first setTimeout will reach its timer and execute from webApi stack. 
 4. Then following, the remaining alert will show up.


function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function demo() {
  setTimeout("alert('this alert is timedout and should be the first');", 5000);
  await sleep(5000);
  alert('this should be the second one');
}
demo();
    InformationsquelleAutor РАВИ
  8. 0

    Vous pouvez tenter de remplacer la fenêtre.setTimeout avec votre propre fonction, comme

    window.setTimeout = function(func, timeout) {
    func();
}

    Qui peut ou peut ne pas fonctionner correctement à tous. En plus de cela, votre seule option serait de changer le code d'origine (qui vous dit que vous ne pouvait pas le faire)

    Garder à l'esprit, l'évolution des fonctions natives comme ce n'est pas exactement la meilleure approche.

    InformationsquelleAutor Jani Hartikainen