usando setTimeout sincrono in JavaScript

Question

Ho il seguente scenario:

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

Ho bisogno del codice dopo la setTimeout da eseguire dopo l'esecuzione del codice nella setTimeout. Dal momento che il codice che viene dopo il setTimeout non è il mio codice personale non riesco a metterlo nella funzione chiamata nel setTimeout ...

C'è un modo per aggirare questo?

Answer 1

Il codice è contenuto in una funzione?

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

    // code that you cannot modify? 
} 

In questo caso, si potrebbe evitare che la funzione di ulteriore esecuzione, e quindi eseguirlo di nuovo:

function test(flag) { 

    if(!flag) { 

     setTimeout(function() { 

      alert(); 
      test(true); 

     }, 5000); 

     return; 

    } 

    // code that you cannot modify 

} 

Answer 2

No, poiché non esiste una funzione di ritardo in Javascript, non c'è modo di farlo diversamente dall'attesa (che bloccherebbe il browser).

Answer 3

appena messo dentro il callback:

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

Answer 4

setTimeout(function() { 
    yourCode(); // alert('this alert is timedout and should be the first'); 
    otherCode(); // alert("this should be the second one"); 
}, 5000); 

Answer 5

Si potrebbe tentare di sostituire window.setTimeout con la propria funzione, in questo modo

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

che può o non può funzionare correttamente affatto. Oltre a questo, la tua unica opzione sarebbe quella di cambiare il codice originale (che hai detto che non potevi fare)

Tenere a mente, cambiare le funzioni native come questo non è esattamente un approccio ottimale.

Answer 6

sono venuto in una situazione in cui avevo bisogno di una funzionalità simile la scorsa settimana e mi ha fatto pensa a questo post. Fondamentalmente penso che "Occupato in attesa" a cui si riferisce @AndreKR, sarebbe una soluzione adatta in molte situazioni. Di seguito è riportato il codice che ho utilizzato per sollevare il browser e forzare una condizione di attesa.

function pause(milliseconds) { 
 
\t var dt = new Date(); 
 
\t 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");

Tenete a mente che questo codice tiene acutally il browser. Spero che aiuti chiunque.

Answer 7

ES6 (attesa occupato)

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

utilizzo:

delay(1000)