AIDE SUR LES NœUDS

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

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).

JavaScript Attendre 5 Secondes (Comment Cela Fonctionne Pour Les Développeurs) : Figure 1 - Sortie de la console utilisant la fonction JavaScript setTimeout() et attente 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();
js
JAVASCRIPT

Dans cet exemple, la fonction delay() utilise async/await pour suspendre l'exécution pendant 5 secondes en utilisant une Promesse.

JavaScript Attendre 5 Secondes (Comment Cela Fonctionne Pour les Développeurs) : Figure 2 - Sortie de la console utilisant la fonction JavaScript setTimeout() de manière asynchrone dans une Promesse et en attendant 5000 millisecondes ou 5 secondes.

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

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

JavaScript Attend 5 Secondes (Comment cela fonctionne pour les développeurs) : Figure 3 - Sortie de console utilisant la méthode JavaScript setInterval() et attente de 5000 millisecondes ou 5 secondes. . Puis effacer l'intervalle en utilisant 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");
});
js
JAVASCRIPT

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.

JavaScript Attendre 5 Secondes (Comment cela fonctionne pour les développeurs) : Figure 4 - Sortie de console utilisant une Promise et les fonctions delay() et then() de JavaScript en attendant 5 secondes.

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

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.

JavaScript Attendre 5 Secondes (Comment Cela Fonctionne pour les Développeurs) : Figure 5 - Sortie de console utilisant la fonction JavaScript setTimeout() et attendant pendant 5 secondes. Ensuite, le code IronPDF s'exécute pour convertir la chaîne HTML en document PDF et affiche le message PDF créé après attente dans la console.

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.

Darrius Serrant
Ingénieur Logiciel Full Stack (WebOps)

Darrius Serrant est titulaire d'une licence en informatique de l'Université de Miami et travaille en tant qu'ingénieur marketing Full Stack WebOps chez Iron Software. Attiré par le code depuis son plus jeune âge, il a vu l'informatique comme à la fois mystérieuse et accessible, en faisant le support parfait pour la créativité et la résolution de problèmes.

Chez Iron Software, Darrius apprécie de créer de nouvelles choses et de simplifier des concepts complexes pour les rendre plus compréhensibles. En tant que l'un de nos développeurs résidents, il a également fait du bénévolat pour enseigner aux étudiants, partageant son expertise avec la prochaine génération.

Pour Darrius, son travail est épanouissant car il est apprécié et a un réel impact.

< PRÉCÉDENT
Node.js (Comment ça marche pour les développeurs)
SUIVANT >
À quoi sert Node.js ?