Compteur de secondes en javascript

Il peut être intéressant d’ajouter un compteur de secondes devant un élément, par exemple lors d’un appel ajax Asynchronous javacript XML, devant un élément tel qu’un icone de chargement. Ainsi l’utilisateur aura une information sur le temps pris pour l’appel au serveur.

Capture d'écran du compteur de secondes sur fond du glacier Perito Moreno au sud de l'Argentine

Pour cela, on définit un prototype de l’objet Element qui retourne l’identifiant de l’intervalle que l’on définit pour lancer la fonction de chronométrage. Ainsi, il sera plus simple de le supprimer :

Pour lancer le compteur devant un élément, on appelle la méthode loaderCounter() ainsi :

On définit la méthode removeLoaderCounter(), en prenant comme argument l’identifiant de l’intervalle retourné par la méthode loadCounter() :

Ainsi, lors d’un appel à l’API XMLHttpRequest (XHR), on peut écrire :

Et hop, un compteur simple pour les appels AJAX.

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables.