setTimeout

Zu Abschnitt Animationen mit setTimeout()

Obwohl setTimeout() zuerst aufgerufen wird, meldet sich die Anweisung, die auf setTimeout() folgt, als erste – und zwar sofort.

setTimeout (function() {
   const t = new Date();
   document.querySelector(".timeout").innerHTML = 
      `${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`;
}, 5000);

const t = new Date();

document.querySelector(".global").innerHTML = 
   `${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`;

Hier liegt die Callback-Funktion nicht direkt im Aufruf von setTimeout(). Ihre Verzögerung oder Wartezeit beträgt zehn Sekunden und die Ausgabe erscheint zehn Sekunden nach der Ausgabe im globalen Bereich.

function comeback() {
   const t = new Date();
   console.log ("comeback", `${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}` )
   document.querySelector(".comeback").innerHTML = 
      `${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`;
}

setTimeout(comeback, 10000);