Delay

by Nick Craver

HTML

<div id="unicorn">Unicorn</div>

CSS

#unicorn{
 width: 100px;
 height: 100px;
 background: #ffb;
 padding: 10px;
 border: 2px solid #999;
 position: absolute;
}

JavaScript

var actions = [
    {action:'movement', top:123, left:123, time:1000},
    {action:'alert', content:'test'},
];

$(function(){
    $.each(actions, function(i, action) {
        switch(action.action) {
           case 'movement':
                $('#unicorn').animate({top:action.top, left:action.left}, action.time);
                break;
            case 'alert':
                $('#unicorn').delay(50).queue(function(){ alert(action.content); });
                break;
        }
    });
});