JeuWeb - Crée ton jeu par navigateur
[Résolu][jQuery] Delay entre deux animate différents ? - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [Résolu][jQuery] Delay entre deux animate différents ? (/showthread.php?tid=5907)



[Résolu][jQuery] Delay entre deux animate différents ? - Argorate - 04-01-2012

Bonjour,

je sais qu'il existe http://api.jquery.com/delay/ pour permettre d'attendre x milliseconde avant de lancer un effet sur un même élément.
Mon problème est que justement j'ai deux élément différents qui ont deux animate différent, et j'aimerais que le second se lance 1 ou 2 seconde après le premier, n'y a t-il pas quelque chose de plus jolie que setTimeOut pour désynchroniser les deux animations?

Merci.


RE: [jQuery]delay entre deux animate different? - Sephi-Chan - 04-01-2012

Tu peux spécifier la queue à utiliser dans ton animation, tu n'as alors plus qu'à spécifier la même queue en argument du delay.
Non ?


RE: [jQuery] Delay entre deux animate différents ? - Holy - 04-01-2012

Personnellement, lorsque je veux temporiser, j'utilise justement animate sur un élément qui a des paramètres fixes. Comme ceci par exemple :
// #divMessage est déjà à opacity : 1
$('#divMessage').animate({opacity: 1}, 10000, 'linear', function() {
// Suite de l'animation dans 10 secondes.
});

C'est pas jojo, mais ça passe plutôt bien.


RE: [jQuery] Delay entre deux animate différents ? - Argorate - 04-01-2012

Holy, il ne s'agissait pas de temporiser une animation, mais d'en différer deux.

Sinon, avec Sephi on a trouvé, le delay fonctionne en effet même si c'est pas chainé:

Code :
$('toto').animate(..., 1000);
$('tata').delay(5000).fadeIn(1000);

Voilà, c'est beau jquery qui gère ses queues (attention aux petits malins vicieux qui voudrais détourner cette phrase!)


RE: [Résolu][jQuery] Delay entre deux animate différents ? - Viciousity - 05-01-2012

C'est là que j'ai adopté Coffee-Script.
Quand on a plein d'éléments qui s'emboitent, c'est quand meme plus top Big Grin
$('#divMessage').animate(
{opacity: 1}, 10000, 'linear',
->
# La suite
)



RE: [Résolu][jQuery] Delay entre deux animate différents ? - Sephi-Chan - 05-01-2012

Je l'écrirais plutôt :


$('#divMessage').animate opacity: 1, 10000, 'linear', ->
doSomething()

^^