Bonjour,

J'ai une fonction de déplacement qui déplace un bonhomme sur une carte. Ma fonction doit être le plus générique possible pour cela voici sa signature :

function deplacerElement(idElem,x,y)

idElem représente l'identifiant de l'élément à déplacer, ici mon bonhomme et x et y sont les coordonnées à atteindre.

Malheureusement je ne souhaite pas que mon bonhomme se déplace verticalement, pour cela j'ai pensé à appeler plusieurs fois la fonction deplacerElement : la première fois pour se déplacer verticalement et la seconde horizontalement. Malheureusement, le SetTimeOut n'est pas bloquant, donc les deux fonctions s'exécutent en même temps ce qui revient donc à un déplacement vertical.

Savez vous comment exécuter un setTimeOut l'un après l'autre, par exemple :
//D'abord on execute cette fonction
deplacerElement('1',0,50);
//Puis lorsque la première est terminée, on exécute la seconde !
deplacerElement('1',50,0);

Merci d'avance.

Il faut que tu utilises le mécanisme du callback.

Tu ajoutes un quatrième paramètre à ta fonction :
deplacerElement(idElem,x,y,callback) . Cet argument sera une fonction. De sorte à ce que le corps de ta fonction soit quelque chose du genre :

function deplacerElement(idElem,x,y,callback) {
  // On déplace...

  // Quand le déplacement est fini :
  if(callback) {
    callback();
  }
}

Cela te permettrait de faire finalement cet appel :

deplacerElement('1',0,50,function() {
  deplacerElement('1',50,0);
});

Salut lecrycry,

Il n'y a pas de solutions natives en javascript pour mettre plusieurs Timeouts à la suite, il te reste donc 2 solutions :
Soit comme l'a suggéré Golmote, gérer les timeout en interne dans ta fonction,
Soit réécrire setTimeout pour qu'il prenne en compte les précédent délais enregistrés.

Et comme ça représentait un bon challenge, je me suis permis de créer un fonction qui s'occupe de ça .



L'utilisation est très simple :

int Queue( function fCallback, int iTime [, mixed uid] )
Cette fonction permet d'enregistrer la fonction fCallback pour qu'elle s'exécute iTime millisecondes après les autres fonctions enregistrées sous le même identifiant unique uid (int ou string).
L'identifiant unique uid est facultatif. S'il n'est pas fourni, un identifiant unique sera créé pour la fonction fCallback au moyen de la fonction $uid.
Renvoi l'identifiant unique de la fonction.


bool Queue.Next( mixed uid )
Lance le délai de la prochaine fonction enregistrée pour l'uid fournie.
Renvoi true si le délai est lancé, sinon false.

void Queue.ClearFirst( mixed uid )
Supprime la première fonction enregistrée avec l'identifiant uid et arrête les délais pour cet uid

void Queue.ClearRunning( mixed uid )
Arrête le délai en cours pour l'uid fourni et démarre le délai suivant dans la liste.
Renvoi true si le délai est lancé, sinon false.

void Queue.ClearAll( mixed uid )
Arrête le délai en cours pour l'uid fourni et supprime tous les délais suivants.


À tester sur cette page.

Huhu, tu t'es bien amusé Darkodam ! GG !

Va falloir que je teste ça dès que j'aurais un peu plus de temps

Merci à vous deux, je vais tester cela.