Question

he guys…

i use this litte code-snippet for jquery:

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

updown();

(for movement to the right i use spritely)

and get this result:

but i want it like this:

is there a way to realize that?

regards,
bernte

Answer 1

Sure, you can use jQuery delay() or Javascript’s setTimeout, here’s the former:

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