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 explorerons différentes méthodes pour attendre 5 secondes en JavaScript, ainsi que des exemples pour chaque méthode pour mettre en pause l'exécution de JavaScript. Nous créerons également des fichiers PDF avec l'aide de IronPDF for Node.js en utilisant des fonctions asynchrones et des fonctions de délai d'attente.
1. Utilisation de setTimeout()
La fonction setTimeout() 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");
Dans cet exemple, le code à l'intérieur de la fonction setTimeout() 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 Promises 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();
Dans cet exemple, la fonction delay() utilise async/await pour suspendre l'exécution pendant 5 secondes en utilisant une Promesse.

3. Utilisation de setInterval()
Bien que la fonction setInterval() soit généralement utilisée pour des actions répétées, vous pouvez également l'utiliser pour créer un délai unique en effaçant l'intervalle après la durée souhaitée.
Exemple
console.log("Start");
let timer = setInterval(() => {
console.log("Waited for 5 seconds");
clearInterval(timer);
}, 5000);
console.log("End");
Ici, la fonction setInterval() répète la fonction fournie toutes les 5 secondes jusqu'à ce que nous annulions l'intervalle avec la fonction clearInterval().

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");
});
Dans cet exemple, la fonction delay() renvoie une Promise 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 fournit une bibliothèque JavaScript qui permet aux développeurs de manipuler et de générer des documents PDF directement à partir de 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");
})();
Dans cet extrait de code, la fonction async() attend 5 secondes en utilisant async/await et setTimeout(). Après le délai, il crée un nouveau document PDF en utilisant la méthode PdfDocument.fromHtml() d'IronPDF avec un simple contenu HTML. 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(), les Promises avec async/await, setInterval(), et new Promise() ainsi que la fonction sleep en JavaScript.
De plus, nous avons introduit IronPDF JS pour gérer les fichiers PDF en utilisant JavaScript. Pour plus d'exemples de code, visitez les exemples IronPDF 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.