JavaScript Wait 5 Seconds (Comment ça marche pour les développeurs)

En JavaScript, l'attente d'une durée spécifique, par exemple 5 secondes, est une exigence courante. Que vous souhaitiez retarder une action ou simuler un état de chargement, il est essentiel de comprendre comment mettre en œuvre un délai en JavaScript dans le cadre d'un code synchrone. Dans cet article, nous allons explorer différentes méthodes pourattendre 5 secondes en JavaScriptainsi que des exemples pour chaque méthode de mise en pause de l'exécution de JavaScript. Nous créerons également des fichiers PDF à l'aide deIronPDF for Node.js l'utilisation de fonctions asynchrones et de fonctions de délai d'attente.

1. Utilisation de setTimeout()

L'option *setTimeout()la fonction * est une fonction JavaScript intégrée qui exécute une fonction spécifiée ou un extrait de code après un délai spécifié en millisecondes.

Exemple

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

Dans cet exemple, le code à l'intérieur de setTimeout() La fonction s'exécutera après un délai de 5000 millisecondes(ou 5 secondes).

2. Utilisation des promesses et de async/await

Vous pouvez également utiliser les promesses avec async/await pour créer un délai en JavaScript, également connu sous le nom de code asynchrone.

Exemple

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

Dans cet exemple, le délai() La fonction utilise async/await pour suspendre l'exécution pendant 5 secondes en utilisant une promesse.

3. Utilisation de setInterval()

Alors que le *setInterval()la fonction * est généralement utilisée pour les actions répétées, mais vous pouvez également l'utiliser pour créer un délai unique en supprimant l'intervalle après le délai souhaité.

Exemple

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

Ici, l'option setInterval()la fonction répète la fonction fournie toutes les 5 secondes jusqu'à ce que nous effacions l'intervalle avec la fonction clearInterval()** fonction.

4. Utilisation de new Promise()

Vous pouvez créer une promesse qui se résout après un délai spécifié en utilisant new Promise().

Exemple

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

Dans cet exemple, le délai()la fonction renvoie une promesse qui se résout après 5 secondes, et nous utilisons .then()** pour exécuter le code après le délai.

5. Présentation d'IronPDF JS

IronPDF Bibliothèque JavaScript pour la génération de PDF node.js est une bibliothèque JavaScript qui permet aux développeurs de manipuler et de générer des documents PDF directement à partir d'un JavaScript côté client. Il offre une série de fonctionnalités pour créer, éditer et convertir des fichiers PDF en utilisant JavaScript.

Installation d'IronPDF JS

Pour commencer à utiliser IronPDF JS, vous devez inclure la bibliothèque JavaScript IronPDF dans votre projet. Vous pouvez l'inclure via CDN ou en le téléchargeant directement depuis le site web d'IronPDF.

npm install @ironsoftware/ironpdf

6. Utiliser JavaScript Attendre 5 secondes avec IronPDF

Maintenant, voyons comment nous pouvons combiner les techniques de retardement du code JavaScript avec IronPDF pour créer un document PDF après une attente de 5 secondes à l'aide d'un interpréteur JavaScript asynchrone dans l'extrait de code suivant.

Exemple de code

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

Dans cet extrait de code, la fonction async() La fonction attend 5 secondes en utilisant async/await et setTimeout(). Après le délai, elle crée un nouveau document PDF à l'aide de la fonction PdfDocument.fromHtml d'IronPdf() méthode avec un contenu HTML simple. Vous pouvez remplacer le code de génération de PDF par vos besoins spécifiques ou utiliser les données PDF générées pour un traitement ultérieur.

Conclusion

Attendre une durée spécifique en JavaScript est une tâche courante à laquelle les développeurs sont souvent confrontés. Dans cet article, nous avons exploré différentes méthodes pour attendre 5 secondes en JavaScript, notamment en utilisant setTimeout(), Promesses avec async/await, setInterval(), et nouvelle promesse() et la fonction de sommeil JavaScript.

En outre, nous avons introduitIronPDF JS pour la gestion de fichiers PDF à l'aide de JavaScript. Pour plus d'exemples de code, visitez le siteExemples d'IronPDF for Node.js.

En comprenant ces techniques et outils, vous pouvez mettre en œuvre efficacement des délais dans vos applications JavaScript et les utiliser dans des tâches plus complexes, telles que la génération de documents PDF ou l'exécution d'opérations asynchrones. Que vous soyez un débutant ou un développeur expérimenté, une bonne maîtrise de ces principes fondamentaux améliorera vos compétences en matière de codage et vous permettra d'écrire des applications JavaScript plus efficaces et plus robustes.