jQuery promises - async

by Jorge Bustos Pereda

HTML

<div id="results">
</div>

JavaScript

var deferred1 = $.Deferred();
var deferred2 = $.Deferred();

var addLine = function(text) {
    $('#results').append($('<p>' + text + '</p>'));
};

deferred1.done(function() {
    addLine('1: begin');
    addLine('1: end');
});

deferred2.done(function() {
    addLine('2 begin');
    addLine('2 end');
});

deferred2.resolve();
setTimeout(function() {
    deferred1.resolve();
}, 1500);