JSFiddle - React, Tailwind, and code Playground

by Aubrey Taylor

HTML

<p>Promises Are All Resolved?</p>
<p class="output">No</p>

JavaScript

var d1 = $.Deferred();
var d2 = $.Deferred();
var d3 = $.Deferred();
 
$.when( d1, d2, d3 ).done(function ( ) {
    $('.output').text('Yes')
});
 
var count = 1;

function lazyResolver(dfd) {
    setTimeout(dfd.resolve, count * 500);
    count++;
}

lazyResolver(d1);
lazyResolver(d2);
lazyResolver(d3);