Animatie pauzeren: delay()

In een sequentiële animatie kan u tussen de opeenvolgende stappen een pauze inlassen met de methode delay(). De vertraging wordt zoals steeds opgegeven in milliseconden.

★ Bekijk de animatie die bij de knop animate div4 hoort.

$(function() {
    var snelheid = 2000;
    $('#anim4').click(function(){
        $('#div4').animate({ 
            width: '50%',
            left: 200,
            opacity: 0.25
        }, snelheid).delay(3000).slideUp(snelheid);
        });
});

In bovenstaand voorbeeld zit er tussen beide animaties een wachttijd van 3 seconden.