Timer : settimeout & setinterval améliorés

Soyez le premier à donner votre avis sur cette source.

Vue 5 613 fois - Téléchargée 320 fois

Description

Et bien, une petite source après quelques 4 mois d'absence. J'arrive ici avec une source de calibre expert, assez lourde, qui permet de rajouter quelques fonctionnalités très intéressantes aux fonctions setTimeout et setInterval. De quoi s'agit-il ?

Il n'est pas inconnu que ces fonctions, couplées à clearTimeout et clearInterval proposent des fonctions de bases, parfois trop, ce qui posent problème. Un petit exemple très connu est la difficulté de définir des arguments pour la fonction anonyme précisé et la valeur du "this".

Et bien, je règle ces problèmes, et bien d'autres encore ! Voici lesquels :

#1 : Définir les arguments de la fonction anonyme : Cela est désormais possible. Ainsi, les arguments définis dans les fonctions (à partir du trosième) seront envoyés à la fonction anonyme. Schéma :

timer.createTimeout(fonction(a,b,c){...},1000,this,a,b,c);

#2 : La valeur du "this" : Le keyword "this" peut être défini en troisième argument, comme démontré dans le schéma ci-haut

#3 : Programmation en POO qui permet d'accéder à certaines fonctions/propriétés, comme exécuter d'avance (.exec() ) ou annuler facilement (.clear() ) sans avoir besoin de connaître l'ID du timer.

#4 : Détruire TOUS les setTimeout/setInterval définis : J'ai ajouté la fonction timer.clearAll()

Et cela en modifiant presque pas la fonction originale ! Toutefois, les fonctions timer.createTimeout/timer.createInterval ont un comportement semblable à leurs équivalents :
- Défini un temps d'exécution en millisecondes
- Possibilité d'exécuter du texte ou une fonction anonyme

Le code est très difficile, je n'ai pas encore ajouté de commentaires, je le ferai prochainement. S'il y a problèmes avec certaines parties, merci de me faire signe.

Pour voir le code en action, ainsi qu'une documentation mêlée à une explication, téléchargez le ZIP !

TIMER.JS Version 1.2

SOURCE ORIGINALE (qui ne lui ressemble plus) : Inspiré de http://arguments.callee.info/2008/11/10/passing-arguments-to-settimeout-and-setinterval/ (sans espaces, s'il y a espaces)

NOTES PAR RAPPORT À LA VERSION 1.1.2 : Merci de revoir la documentation, puisque la structure en POO est complètement différente. Il n'est plus possible de connaître le nombre de Timers définis.

Source / Exemple :


/*------------------

| TIMER API |

JDMCREATOR, 2011 VERSION 1.2 CODE START HERE http://www.javascriptfr.com/code.aspx?ID=53911 ------------------*/(function (f) { // f = fonctions qui remplaceront les setTimeout/setInterval // Définition du timer window.timer = { // key = clés des différents Timers key: {}, // Version version: '1.2', // Build : Version en nombre. build: 120, // length = nombre de timers length: 0, // _fn = Fonction temporaire permettant la construction de Timer __fn: function (f, wt) { // f = Fonction setTimeout/setInterval // wt = Nombre. 1 = Timeout, 2 = Interval return function (fn, time, cntx) { // Fonction pour créer un Timer. Fn = fonction à exécuter. time = Temps avant l'exécution. cntx = contexte; cntx = cntx || window; // Définit le contexte (cntx); var a = [].slice.call(arguments, 3); // a = Array d'arguments à passer // Si fn est une String, on l'envoie à la fonction Timer, if (fn.toString() === fn) { var t = f(function () { eval.call(cntx, fn); }, time); // Sinon, on exécutera la fonction directement, à l'aide de 'apply' } else { var t = f(function () { fn.apply(cntx, a); }, time); } // Retourne un objet. return this.convert([fn, a, wt, time], t, cntx); } }, // On supprime tous les Timers clearAll: function () { var k = this.key; for (var i in k) { var l = k[i]; if (!isNaN(i)) { if (l[2] == 1) { clearTimeout(i); } else { clearInterval(i); } } } }, // Créer un objet à partir d'un ID convert: function (k, id, cn) { // Si k est un ID, on crée if (!isNaN(parseInt(k))) { id = k; var k = this.key[k]; if (!k) { return false } } // Création de l'objet return { // type. Nombre. 1 = timeout, 2 = interval type: k[2], // source (fonction/texte à exécuter) source: k[0], // Temps time: k[3], // Contexte (si créé à partir des fonctions bruts, ce sera window) context: cn || window, // Liste des arguments args: k[1], // ID id: id, // Exécute d'avance le timer. Si argument à 'true', on ne supprimera pas le timer exec: function (keep) { var c = this.context; var s = this.source; if (s.toString() !== s) { s.apply(c, this.args); } else { eval.call(c, s); } if (!keep) { this.clear(); } }, // Supprimer le timer clear: function () { wt = this.type; if (wt == 1) { clearTimeout(id); } else if (wt == 2) { clearInterval(id); } } }; } }; // Création des fonctions createTimeout et createInterval timer.createTimeout = timer.__fn(setTimeout,1); timer.createInterval = timer.__fn(setInterval,2); // Supprime la fonction temporaire __fn); delete timer.__fn; // On remplace les fonctions bruts. window.setTimeout = f(window.setTimeout, 1); window.setInterval = f(window.setInterval, 2) })(function (f, wt) { // a = arguments var a = [].slice.call(arguments, 2); return function (c, t) { // On crée la fonction à envoyer à la fonction brute. var j = f(c, t); window.timer.length++; window.timer.key[j] = [c, a, wt, t]; return j; } });

Conclusion :


DOCUMENTATION :

Merci de voir le fichier 'demo.html' ! La version commenté du script n'est disponible qu'ici. Elle n'est fournie dans le ZIP.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Commenter la réponse de cs_Kimjoa

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.