jquery .animate avec timefunction

Question

il les gars ...

-je utiliser ce litte bout de code pour jquery:

function updown() { 
    $('#red').animate({top:'+=100'}, 5000, function() { 
     $('#red').animate({top:'-=100'},5000, function(){ 
      updown(); 
     }); 
    }); 
} 

updown(); 

(pour le mouvement vers la droite i utiliser spritely)

et obtenir ce résultat:

mais je le veux comme ceci:

est-il un moyen de réaliser cela?

salutations, bernte

Answer 1

Bien sûr, vous pouvez utiliser jQuery delay() ou setTimeout de Javascript, voici l'ancien:

function updown() { 
    $('#red').delay(7000).animate({top:'+=100'}, 5000, function() { 
     $('#red').delay(3000).animate({top:'-=100'},5000, function(){ 
      updown(); 
     }); 
    }); 
} 

Answer 2

function updown() { 
    $('#red').delay(3000).animate({top:'+=100'}, 5000, function() { 
     $('#red').delay(7000).animate({top:'-=100'},5000, updown}); 
    }); 
} 

updown(); 

retard est ce que vous voulez. Appelez, comme dans l'exemple ci-dessus, l'analyse du temps que vous voulez attendre avant d'exécuter la requête d'animation suivante. Attention, le délai ne fonctionne qu'avec les animations. Si vous le faites, par exemple:

$("#red").delay(1000).css("display", "none"); 

Le fichier .css() sera appelé immédiatement, et non après 1000 ms.