W JavaScript oczekiwanie przez określony czas, np. 5 sekund, jest częstym wymaganiem. Niezależnie od tego, czy chcesz opóźnić działanie, czy zasymulować stan ładowania, zrozumienie sposobu implementacji opóźnienia w JavaScript jest niezbędne w przypadku kodu synchronicznego. W tym artykułe omówimy różne metody oczekiwania przez 5 sekund w JavaScript, wraz z przykładami każdej z nich, służącymi do wstrzymania wykonywania kodu JavaScript. Ponadto utworzymy pliki PDF za pomocą IronPDF dla Node.js, wykorzystując funkcje asynchroniczne i funkcje ustawiania limitów czasu.

1. Korzystanie z funkcji setTimeout()

Funkcja setTimeout() jest wbudowaną funkcją JavaScript, która wykonuje określoną funkcję lub fragment kodu po upływie określonego czasu w milisekundach.

Przykład

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

W tym przykładzie kod wewnątrz funkcji setTimeout() zostanie wykonany po upływie 5000 milisekund (lub 5 sekund).

2. Korzystanie z obietnic (Promises) oraz async/await

Można również używać Promises wraz z async/await do tworzenia opóźnień w JavaScript, znanych również jako kod asynchroniczny.

Przykład

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

W tym przykładzie funkcja delay() wykorzystuje async/await do wstrzymania wykonania na 5 sekund przy użyciu Promise.

3. Korzystanie z funkcji setInterval()

Chociaż funkcja setInterval() jest zazwyczaj używana do powtarzających się czynności, można jej również użyć do utworzenia jednorazowego opóźnienia poprzez wyczyszczenie interwału po upływie żądanego czasu.

Przykład

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

W tym przypadku funkcja setInterval() powtarza podaną funkcję co 5 sekund, dopóki nie wyczyścimy interwału za pomocą funkcji clearInterval().

4. Korzystanie z nowej funkcji Promise()

Możesz utworzyć obiekt Promise, który zostanie zrealizowany po upływie określonego czasu, używając metody new Promise().

Przykład

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

W tym przykładzie funkcja delay() zwraca obietnicę (Promise), która zostaje zrealizowana po 5 sekundach, a my używamy .then(), aby wykonać kod po upływie opóźnienia.

5. Wprowadzenie do IronPDF JS

Biblioteka IronPDF JavaScript Library for PDF Generation udostępnia bibliotekę JavaScript, która umożliwia programistom manipulowanie i generowanie dokumentów PDF bezpośrednio z poziomu JavaScript po stronie klienta. Oferuje szereg funkcji do tworzenia, edycji i konwersji plików PDF przy użyciu JavaScript.

Instalacja IronPDF JS

Aby rozpocząć korzystanie z IronPDF JS, należy dołączyć bibliotekę IronPDF JavaScript do swojego projektu. Można ją dołączyć za pośrednictwem CDN lub pobrać bezpośrednio ze strony internetowej IronPDF.

npm i @ironsoftware/ironpdf

6. Użycie JavaScriptu "Wait for 5 Seconds" z IronPDF

Zobaczmy teraz, jak możemy połączyć techniki opóźniania kodu JavaScript z IronPDF, aby utworzyć dokument PDF po odczekaniu 5 sekund przy użyciu asynchronicznego interpretera JavaScript w poniższym fragmencie kodu.

Przykład kodu

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

W tym fragmencie kodu funkcja async czeka 5 sekund, używając async/await i setTimeout(). Po upływie opóźnienia tworzy nowy dokument PDF przy użyciu metody PdfDocument.fromHtml() biblioteki IronPDF z prostą treścią HTML. Możesz zastąpić kod generujący plik PDF swoimi konkretnymi wymaganiami lub wykorzystać wygenerowane dane PDF do dalszego przetwarzania.

Wnioski

Oczekiwanie przez określony czas w JavaScript jest częstym zadaniem, z którym programiści często się spotykają. W tym artykułe omówiliśmy różne metody oczekiwania przez 5 sekund w JavaScript, w tym użycie setTimeout(), Promises z async/await, setInterval() oraz new Promise() i funkcji sleep w JavaScript.

Dodatkowo wprowadziliśmy IronPDF JS do zarządzania plikami PDF za pomocą JavaScript. Więcej przykładów kodu można znaleźć w sekcji Przykłady IronPDF for Node.js.

Dzięki zrozumieniu tych technik i narzędzi można skutecznie wdrażać opóźnienia w aplikacjach JavaScript i wykorzystywać je w bardziej złożonych zadaniach, takich jak generowanie dokumentów PDF lub wykonywanie operacji asynchronicznych. Niezależnie od tego, czy jesteś początkującym, czy doświadczonym programistą, solidne opanowanie tych podstaw poprawi Twoje umiejętności kodowania i pozwoli Ci pisać bardziej wydajne i solidne aplikacje JavaScript.