Zum Fußzeileninhalt springen
NODE-HILFE

JavaScript Wait 5 Seconds (Wie es für Entwickler funktioniert)

In JavaScript ist das Warten auf eine bestimmte Dauer, wie z. B. 5 Sekunden, eine häufige Anforderung. Egal ob Sie eine Aktion verzögern oder einen Ladezustand simulieren möchten, das Verständnis für die Implementierung einer Verzögerung in JavaScript ist bei synchronem Code unerlässlich. In diesem Artikel werden wir verschiedene Methoden zum Warten auf 5 Sekunden in JavaScript untersuchen, zusammen mit Beispielen für jede Methode, um die Ausführung von JavaScript zu pausieren. Außerdem erstellen wir PDF-Dateien mithilfe von IronPDF for Node.js unter Verwendung von asynchronen Funktionen und Timeout-Funktionen.

1. Verwendung von setTimeout()

Die setTimeout()-Funktion ist eine eingebaute JavaScript-Funktion, die eine angegebene Funktion oder Code-Snippet nach einer bestimmten zeitlichen Verzögerung in Millisekunden ausführt.

Beispiel

console.log("Start");

// Schedules a function to be executed after 5000 milliseconds (5 seconds)
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);

console.log("End");
console.log("Start");

// Schedules a function to be executed after 5000 milliseconds (5 seconds)
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);

console.log("End");
JAVASCRIPT

In diesem Beispiel wird der Code innerhalb der setTimeout()-Funktion nach einer Verzögerung von 5000 Millisekunden (oder 5 Sekunden) ausgeführt.

JavaScript Warten 5 Sekunden (Wie es für Entwickler funktioniert): Abbildung 1 - Konsolenausgabe mit der JavaScript setTimeout()-Funktion und Warten auf 5000 Millisekunden oder 5 Sekunden.

2. Verwendung von Promises und async/await

Sie können auch Promises zusammen mit async/await verwenden, um eine Verzögerung in JavaScript zu erzeugen, auch bekannt als asynchroner Code.

Beispiel

async function delay() {
    console.log("Start");
    // Creates a promise that resolves after 5000 milliseconds (5 seconds)
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}

// Call the async function
delay();
async function delay() {
    console.log("Start");
    // Creates a promise that resolves after 5000 milliseconds (5 seconds)
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}

// Call the async function
delay();
JAVASCRIPT

In diesem Beispiel verwendet die delay()-Funktion async/await, um die Ausführung mittels eines Promise für 5 Sekunden zu pausieren.

JavaScript Warten 5 Sekunden (Wie es für Entwickler funktioniert): Abbildung 2 - Konsolenausgabe mit der JavaScript setTimeout()-Funktion asynchron innerhalb eines Promise und Warten auf 5000 Millisekunden oder 5 Sekunden.

3. Verwendung von setInterval()

Während die setInterval()-Funktion im Allgemeinen für wiederholte Aktionen verwendet wird, können Sie sie auch verwenden, um eine einmalige Verzögerung zu erzeugen, indem Sie das Intervall nach der gewünschten Zeit löschen.

Beispiel

console.log("Start");

let timer = setInterval(() => {
    console.log("Waited for 5 seconds");
    // Clear the interval after the desired delay
    clearInterval(timer);
}, 5000);

console.log("End");
console.log("Start");

let timer = setInterval(() => {
    console.log("Waited for 5 seconds");
    // Clear the interval after the desired delay
    clearInterval(timer);
}, 5000);

console.log("End");
JAVASCRIPT

Hier wiederholt die setInterval()-Funktion die bereitgestellte Funktion alle 5 Sekunden, bis wir das Intervall mit der clearInterval()-Funktion löschen.

JavaScript Warten 5 Sekunden (Wie es für Entwickler funktioniert): Abbildung 3 - Konsolenausgabe mit der JavaScript setInterval()-Methode und Warten auf 5000 Millisekunden oder 5 Sekunden. . Dann wird das Intervall mithilfe der clearInterval()-Funktion gelöscht.

4. Verwendung von new Promise()

Sie können ein Promise erstellen, das sich nach einer bestimmten Verzögerung mit new Promise() auflöst.

Beispiel

console.log("Start");

// Delay function that returns a promise which resolves after `ms` milliseconds
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));

// Use the delay function
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});
console.log("Start");

// Delay function that returns a promise which resolves after `ms` milliseconds
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));

// Use the delay function
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});
JAVASCRIPT

In diesem Beispiel gibt die delay()-Funktion ein Promise zurück, das sich nach 5 Sekunden auflöst, und wir verwenden .then(), um den Code nach der Verzögerung auszuführen.

JavaScript Warten 5 Sekunden (Wie es für Entwickler funktioniert): Abbildung 4 - Konsolenausgabe mit einem Promise und den JavaScript delay()- und then()-Funktionen und Warten auf 5 Sekunden.

5. Einführung in IronPDF JS

IronPDF JavaScript-Bibliothek für die PDF-Erstellung bietet eine JavaScript-Bibliothek, die es Entwicklern ermöglicht, PDF-Dokumente direkt aus clientseitigem JavaScript zu manipulieren und zu erstellen. Es bietet eine Reihe von Funktionen zum Erstellen, Bearbeiten und Konvertieren von PDF-Dateien mit JavaScript.

Installation von IronPDF JS

Um IronPDF JS zu verwenden, müssen Sie die IronPDF-JavaScript-Bibliothek in Ihr Projekt einbinden. Sie können es über CDN einbinden oder direkt von der IronPDF-Website herunterladen.

npm install @ironsoftware/ironpdf
npm install @ironsoftware/ironpdf
SHELL

6. Verwendung von JavaScript Warten auf 5 Sekunden mit IronPDF

Lassen Sie uns nun sehen, wie wir die JavaScript-Code-Verzögerungstechniken mit IronPDF kombinieren können, um ein PDF-Dokument nach 5 Sekunden Wartezeit mit einem asynchronen JavaScript-Interpreter im folgenden Code-Snippet zu erstellen.

Codebeispiel

import { PdfDocument } from "@ironsoftware/ironpdf";

(async () => {
    const html = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
    // Wait for 5 seconds
    await new Promise(resolve => setTimeout(resolve, 5000));
    // Create PDF from the HTML content
    const pdfDocument = await PdfDocument.fromHtml(html);
    // Save the PDF file
    await pdfDocument.saveAs("Waited.pdf");  
    console.log("PDF Created after wait");
})();
import { PdfDocument } from "@ironsoftware/ironpdf";

(async () => {
    const html = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
    // Wait for 5 seconds
    await new Promise(resolve => setTimeout(resolve, 5000));
    // Create PDF from the HTML content
    const pdfDocument = await PdfDocument.fromHtml(html);
    // Save the PDF file
    await pdfDocument.saveAs("Waited.pdf");  
    console.log("PDF Created after wait");
})();
JAVASCRIPT

In diesem Code-Snippet wartet die async-Funktion 5 Sekunden unter Verwendung von async/await und setTimeout(). Nach der Verzögerung wird ein neues PDF-Dokument mithilfe der PdfDocument.fromHtml()-Methode von IronPDF mit einem einfachen HTML-Inhalt erstellt. Sie können den PDF-Generierungscode mit Ihren spezifischen Anforderungen ersetzen oder die generierten PDF-Daten für weitere Verarbeitung verwenden.

JavaScript Warten 5 Sekunden (Wie es für Entwickler funktioniert): Abbildung 5 - Konsolenausgabe mit der JavaScript setTimeout()-Funktion und Warten auf 5 Sekunden. Dann läuft der IronPDF-Code, um den HTML-String in ein PDF-Dokument zu konvertieren und zeigt die Nachricht PDF Created after wait in der Konsole an.

Abschluss

Das Warten auf eine bestimmte Dauer in JavaScript ist eine häufige Aufgabe, mit der Entwickler oft konfrontiert sind. In diesem Artikel haben wir verschiedene Methoden untersucht, um 5 Sekunden in JavaScript zu warten, einschließlich Verwendung von setTimeout(), Promises mit async/await, setInterval() und new Promise() sowie der JavaScript-Schlaffunktion.

Außerdem haben wir IronPDF JS zur Verwaltung von PDF-Dateien mit JavaScript eingeführt. Für weitere Codebeispiele besuchen Sie die IronPDF Node.js Beispiele.

Durch das Verständnis dieser Techniken und Werkzeuge können Sie effektiv Verzögerungen in Ihren JavaScript-Anwendungen implementieren und sie in komplexeren Aufgaben nutzen, wie zum Beispiel der Erstellung von PDF-Dokumenten oder der Durchführung asynchroner Operationen. Egal, ob Sie ein Anfänger oder ein erfahrener Entwickler sind, ein solides Verständnis dieser Grundlagen wird Ihre Programmierfähigkeiten verbessern und Ihnen ermöglichen, effizientere und robuster JavaScript-Anwendungen zu schreiben.

Darrius Serrant
Full-Stack-Software-Ingenieur (WebOps)

Darrius Serrant hat einen Bachelor-Abschluss in Informatik von der University of Miami und arbeitet als Full-Stack-WebOps-Marketing-Ingenieur bei Iron Software. Seit seiner Jugend vom Programmieren angezogen, sah er die Informatik als sowohl mysteriös als auch zugänglich, was es zum perfekten Medium für Kreativität und Problemlösung ...

Weiterlesen