import {PdfDocument} from "@ironsoftware/ironpdf"; (async () => { // Create a PDF from an HTML string const pdf = await PdfDocument.fromHtml("<h1>Hello World</h1>"); // Export the PDF to a file await pdf.saveAs("output.pdf"); // Advanced Example with HTML Assets // Load external HTML assets: Images, CSS, and JavaScript. const htmlContentWithAssets = "<img src='icons/iron.png'>"; const advancedPdf = await PdfDocument.fromHtml(htmlContentWithAssets); // Save the PDF with loaded assets await advancedPdf.saveAs("html-with-assets.pdf"); })();

HILFE ZUM KNOTENPUNKT

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

Name: IronPDF
Brand: Iron Software
Availability: InStock
Rating: 4.87 (307 reviews)

Darrius Serrant

6. Juni 2024

Teilen Sie:

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, um 5 Sekunden in JavaScript zu warten, zusammen mit Beispielen für jede Methode, um die JavaScript-Ausführung zu pausieren. Außerdem werden wir PDF-Dateien mithilfe von IronPDF for Node.js erstellen, indem wir asynchrone Funktionen und Timeout-Funktionen verwenden.

1. Verwendung von setTimeout()

Die setTimeout()-Funktion ist eine eingebaute JavaScript-Funktion, die eine angegebene 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");

js

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 Sie 5 Sekunden (So funktioniert es für Entwickler): Abbildung 1 - Konsolenausgabe unter Verwendung 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");
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}
delay();

js

JAVASCRIPT

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

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

3. Verwendung von setInterval()

Während die setInterval()-Funktion allgemein 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");
    clearInterval(timer);
}, 5000);
console.log("End");

js

JAVASCRIPT

Hier wiederholt die setInterval()-Funktion die angegebene 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 unter Verwendung der JavaScript setInterval()-Methode und Warten auf 5000 Millisekunden oder 5 Sekunden. . Dann das Intervall mit der clearInterval()-Funktion löschen.

4. Verwendung von new Promise()

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

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");
});

js

JAVASCRIPT

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

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

5. Einführung in IronPDF JS

IronPDF JavaScript-Bibliothek zur PDF-Erstellung bietet eine JavaScript-Bibliothek, die Entwicklern ermöglicht, PDF-Dokumente direkt von Client-seitigem JavaScript aus 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 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");
})();

js

JAVASCRIPT

In diesem Code-Snippet wartet die async()-Funktion 5 Sekunden lang mittels async/await und setTimeout(). Nach der Verzögerung erstellt es ein neues PDF-Dokument mit der PdfDocument.fromHtml()-Methode von IronPDF und 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.

![JavaScript 5 Sekunden warten (Wie es für Entwickler funktioniert): Abbildung 5 - Konsolenausgabe unter Verwendung der JavaScript-Funktion setTimeout() und Warten für 5 Sekunden. Dann wird der IronPDF-Code ausgeführt, um den HTML-String in ein PDF-Dokument zu konvertieren, und zeigt die Nachricht "PDF Created after wait" in der Konsole an.

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 in JavaScript 5 Sekunden zu warten, darunter die Verwendung von setTimeout(), Promises mit async/await, setInterval() und new Promise() sowie die JavaScript-Schlaffunktion.

Zusätzlich haben wir IronPDF JS eingeführt, um PDF-Dateien mit JavaScript zu verwalten. Für weitere Codebeispiele besuchen Sie die IronPDF 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.

Darrius Serrant

Jetzt mit dem Ingenieurteam chatten

Full Stack Software Engineer (WebOps)

Darrius Serrant hat einen Bachelor-Abschluss in Informatik von der University of Miami und arbeitet als Full Stack WebOps Marketing Engineer bei Iron Software. Schon in jungen Jahren vom Programmieren angezogen, sah er das Rechnen sowohl als mysteriös als auch zugänglich an, was es zum perfekten Medium für Kreativität und Problemlösung machte.

Bei Iron Software genießt Darrius es, neue Dinge zu erschaffen und komplexe Konzepte zu vereinfachen, um sie verständlicher zu machen. Als einer unserer ansässigen Entwickler hat er sich auch freiwillig gemeldet, um Schüler zu unterrichten und sein Fachwissen mit der nächsten Generation zu teilen.

Für Darrius ist seine Arbeit erfüllend, weil sie geschätzt wird und einen echten Einfluss hat.

< PREVIOUS
Retry Node.js (Wie es für Entwickler funktioniert)

NÄCHSTES >
Wofür wird Node.js verwendet?