jQuery Animation zwischenzeitlich anhalten?

Jan-Frederik Stieler

Monsterator
Moderator
Hallo,
ich habe eine Animation welche durch einen Callback eine zweite ausführt.
Nun möchte ich aber das zwischen dem Ende der einen Animation und dem Start der Anderen eine gewisse Zeit vergeht.
Wie realisiere ich das? Eine Idee war .stop() zu verwenden. Ich weiß nur nicht wie ich dann die Animation wieder starten soll?

http://jsbin.com/emitux/3/edit

Viele Grüße
 
Ich würde vor dem .animate Aufruf einfach mittels .delay die Animations-Pipeline verzögern http://api.jquery.com/delay/

Javascript:
$(function(){
  var linie = $('hr'),
      text = $('h1 , hr + p'),
      elm = $('h1, hr, hr + p');
      

  //Animation vorbereiten
  text.css({opacity: 0});
  linie.css({width: '0%'});

  linie.animate({
    width: "90%"
  }, 1500, function() { 
    text.delay(1000).animate({opacity: 1}, 1500,function(){
      elm.delay(1000).animate({opacity: 0}, 1500);
    });
  });
});
 

Neue Beiträge

Zurück