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

In JavaScript ist das Warten auf eine bestimmte Dauer, z. B. 5 Sekunden, eine übliche Anforderung. Ganz gleich, 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 untersuchen, um5 Sekunden lang in JavaScript wartenzusammen mit Beispielen für jede Methode zum Anhalten der JavaScript-Ausführung. Außerdem werden wir PDF-Dateien erstellen mit Hilfe vonIronPDF for Node.js verwendung von asynchronen Funktionen und Funktionen zum Setzen von Zeitüberschreitungen.

1. Verwendung von setTimeout()

Der Befehl setTimeout() Funktion ist eine integrierte JavaScript-Funktion, die eine bestimmte Funktion oder einen Codeausschnitt nach einer bestimmten Zeitverzögerung in Millisekunden ausführt.

Beispiel

console.log("Start");
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);
console.log("End");

console.log("Start");
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);
console.log("End");

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

2. Verwendung von Promises und async/await

Sie können Promises auch 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");
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}
delay();

async function delay() {
    console.log("Start");
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}
delay();

In diesem Beispiel wird die Verzögerung() Die Funktion verwendet async/await, um die Ausführung mithilfe eines Promise für 5 Sekunden anzuhalten.

3. Verwendung von setInterval()

Während die *setInterval()die Funktion * wird im Allgemeinen für wiederholte Aktionen verwendet, Sie können sie aber 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");
    clearInterval(timer);
}, 5000);
console.log("End");

console.log("Start");
let timer = setInterval(() => {
    console.log("Waited for 5 seconds");
    clearInterval(timer);
}, 5000);
console.log("End");

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

4. Verwendung von new Promise()

Sie können ein Promise erstellen, das nach einer bestimmten Verzögerung aufgelöst wird, indem Sie new Promise().

Beispiel

console.log("Start");
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});

console.log("Start");
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});

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

5. Einführung in IronPDF JS

IronPDF JavaScript-Bibliothek für die PDF-Erzeugung bietet eine JavaScript-Bibliothek, die es Entwicklern ermöglicht, PDF-Dokumente direkt über clientseitiges JavaScript zu bearbeiten und zu erzeugen. Es bietet eine Reihe von Funktionen zum Erstellen, Bearbeiten und Konvertieren von PDF-Dateien mit JavaScript.

Installation von IronPDF JS

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

npm install @ironsoftware/ironpdf

6. Verwendung von JavaScript Wait for 5 Seconds mit IronPDF

Im folgenden Codeschnipsel sehen wir, wie wir die JavaScript-Code-Verzögerungstechniken mit IronPDF kombinieren können, um ein PDF-Dokument nach einer Wartezeit von 5 Sekunden mit einem asynchronen JavaScript-Interpreter zu erstellen.

Code-Beispiel

import {PdfDocument} from "@ironsoftware/ironpdf";
(async () => {
    const html_a = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
    await new Promise(resolve => setTimeout(resolve, 5000));
    const pdfdoc_a = await PdfDocument.fromHtml(html_a);
    await pdfdoc_a.saveAs("Waited.pdf");  
    console.log("PDF Created after wait");
})();

import {PdfDocument} from "@ironsoftware/ironpdf";
(async () => {
    const html_a = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
    await new Promise(resolve => setTimeout(resolve, 5000));
    const pdfdoc_a = await PdfDocument.fromHtml(html_a);
    await pdfdoc_a.saveAs("Waited.pdf");  
    console.log("PDF Created after wait");
})();

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

Schlussfolgerung

Das Warten auf eine bestimmte Zeitspanne in JavaScript ist eine häufige Aufgabe, der Entwickler häufig begegnen. In diesem Artikel haben wir verschiedene Methoden untersucht, um 5 Sekunden in JavaScript zu warten, einschließlich der Verwendung von setTimeout(), Promises mit async/await, setInterval(), und neues Versprechen() und die JavaScript-Schlaf-Funktion.

Zusätzlich haben wir eingeführtIronPDF JS für die Verwaltung von PDF-Dateien mit JavaScript. Weitere Code-Beispiele finden Sie auf der WebsiteIronPDF Node.js Beispiele.

Wenn Sie diese Techniken und Werkzeuge kennen, können Sie Verzögerungen effektiv in Ihre JavaScript-Anwendungen implementieren und sie für komplexere Aufgaben wie die Generierung von PDF-Dokumenten oder die Durchführung asynchroner Operationen nutzen. Egal, ob Sie Anfänger oder erfahrener Entwickler sind, ein solides Verständnis dieser Grundlagen wird Ihre Programmierkenntnisse verbessern und Sie in die Lage versetzen, effizientere und robustere JavaScript-Anwendungen zu schreiben.