JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div id="0">0</div>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
<div id="5">5</div>

JavaScript

// Ajax simulation - just resolve after a given number of seconds
function delay(d, $e){
    var def = $.Deferred();
    setTimeout(function(){
        $e.html("Complete");
        def.resolve();
    }, d * 1000);
    return def.promise();
}

// 
var promise = [];
for (var i = 0; i < 6; i++){
    promise.push(delay(10-i, $('#' + i)));
}
$.when.apply($, promise).done(function(){
    $('body').append("All done!");
});