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, um 5 Sekunden lang in JavaScript wartenzusammen mit Beispielen für jede Methode zum Anhalten der JavaScript-Ausführung. Außerdem werden wir PDF-Dateien mit Hilfe von IronPDF for Node.js mit Hilfe der asynchronen Funktion und der Funktion Zeitüberschreitung einstellen.

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

console.log("Start")
setTimeout(Sub()
	console.log("Waited for 5 seconds")
End Sub, 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();

Async Function delay() As [function]
	console.log("Start")
	Await New Promise(Sub(resolve) setTimeout(resolve, 5000))
	console.log("Waited for 5 seconds")
	console.log("End")
End Function
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()

While *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");

console.log("Start")
Dim timer As let = setInterval(Sub()
	console.log("Waited for 5 seconds")
	clearInterval(timer)
End Sub, 5000)
console.log("End")

Hier wird das setInterval() Die 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 Zeitspanne 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");
});

console.log("Start")
const delay = Function(ms) New Promise(Sub(resolve) setTimeout(resolve, ms))
delay(5000).then(Sub()
	console.log("Waited for 5 seconds")
	console.log("End")
End Sub)

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 bietet auch 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

npm install @ironsoftware/ironpdf

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'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 zu erstellen, nachdem der asynchrone JavaScript-Interpreter 5 Sekunden gewartet hat.

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

import
If True Then
	PdfDocument
End If
from "@ironsoftware/ironpdf"
(Async Function()
	const html_a = `(Of html)(Of body)(Of h1) Hello, IronPDF!</h1></body></html>`
	Await New Promise(Sub(resolve) setTimeout(resolve, 5000))
	const pdfdoc_a = Await PdfDocument.fromHtml(html_a)
	Await pdfdoc_a.saveAs("Waited.pdf")
	console.log("PDF Created after wait")
End Function)()

In diesem Codeschnipsel wird die async() Funktion wartet 5 Sekunden mit async/await und setTimeout(). Nach der Verzögerung wird mit der IronPDF-Funktion PdfDocument.fromHtml ein neues PDF-Dokument erstellt() 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ührt IronPDF JS besuchen Sie die offizielle Website. Für weitere Code-Beispiele besuchen Sie bitte diese seite.

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.