Comment puis-je retarder un jQuery animation après le chargement d'une page?

Voici mon exemple:
http://jsfiddle.net/UuD8s/5/

$("#transition")
    .delay(5000)
    .animate({ width: "400px" }, { duration: 1000, queue: true });

$("#transition")
    .delay(2000)
    .animate({ left: "100px" }, { duration: 1000, queue: true });​

Je veux retarder ma deuxième animation démarre une fois que la page se lance avec 2 secondes de retard.
Le problème est qu'il commence après le premier film d'animation. Si queue est fixé à false il n'y a pas de retard du tout.

Comment retarder l'animation de 2 secondes après la page de lancement?

OriginalL'auteur SakerONE | 2012-05-17

  1. 7

    Dans le but de retarder votre animation après la page de lancement du jeu queue pour faux et usage d'un setTimeout de deux secondes:

    $("#transition")
    .delay(5000)
    .animate({width: "400px"}, {duration: 1000, queue: true});

setTimeout(function() {

    $("#transition").delay(2000).animate({ left: "100px" }, {
        duration: 1000,
        queue: false
    });

}, 2000);​

    Voici un démo.

    OriginalL'auteur gdoron

  2. 1

    Vous pouvez utiliser le setTimeout() méthode pour retarder des fonctions javascript.

    $("#transition").delay(5000).animate({width: "400px"}, {duration: 1000, queue: true});
setTimeout(function() { 
    $("#transition").delay(2000).animate({left: "100px"}, {duration: 1000, queue: false});  
}, 2000);

    OriginalL'auteur Josh Mein

  3. 0

    Si je comprends bien vous souhaitez la deuxième animation (celui de gauche) pour commencer à 2 secondes après le lancement. Cela va prendre 1 seconde. Vous voulez le premier à se lancer dans les 5 secondes après le lancement.

    Ce que vous pouvez faire est la file d'attente de façon à ce que deux secondes après la à gauche, on finit la largeur d'un coups de pied dans...

    $("#transition").delay(2000).animate({left: "100px"}, {duration: 1000});
$("#transition").delay(2000).animate({width: "400px"}, {duration: 1000});

    http://jsfiddle.net/UuD8s/7/

    Cela ne le résoudre pour la situation que vous avez au-dessus de là où ils ne sont pas en cours d'exécution simultanément, mais si vous ne le souhaitez exécuter simultaneouly (par exemple, la largeur doit commencer à diminuer mi-chemin à travers le mouvement), alors cela ne fonctionnera pas.

    OriginalL'auteur Chris