Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : Promise.all()

Retourne le résultat d'une liste de promesses

Syntaxe
Promise.all(promesses)

Compatible tous navigateurs
ES7
ECMAScript 2016

Description
Retourne le résultat d'une liste entières de promesses.
Il faut que toutes les promesses soient réalisées pour que all() retourne une promesse résolue.
Si une seule des promesses n'est pas réalisée, le résultat est rejeté.


Exemple 1 : Préchargement d'une liste d'images
Code source
<script>
function preloadImages(pictures) {
 return Promise.all(pictures.map(image => new Promise((resolve, reject) => {
   var img = new Image();
   img.src = image;
   img.onload =  () => { console.log("preload OK de "+img.src); resolve(); }
   img.onerror = () => { console.log("preload ERROR de "+img.src); reject();}
 })));
}

var pictures=["/intelligence-artificielle/img/intro/tjs-1.jpg",
"/intelligence-artificielle/img/intro/tjs-2.jpg",
"/intelligence-artificielle/img/intro/tjs-3.jpg"];
preloadImages(pictures).then(() => {
 console.log("preload OK");
 $("#preload").html("PRELOAD OK")
}).catch( () => {
 console.log("preload ERROR");
 $("#preload").html("PRELOAD ECHEC")
});
</script>

<div id="preload">Préchargement des images...</div>

Résultat
Préchargement des images...
Emulation de la console
Explication
Le tableau pictures contient des illustrations du site qui doivent être préchargées.
Quand toutes les images sont préchargées (dans un ordre non prédictible), le texte est changé.
Page mise à jour le

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 02/03/2024 04:21:13 sur php 7 en 34.69 ms