JSFiddle - React, Tailwind, and code Playground

by Евгений Дзюба

HTML

<div id="foo1">HTML</div>
<div id="foo2">DATA</div>

CSS

#foo1{ border:1px solid red; padding:10px; display:none }
#foo2{ border:1px solid red; padding:10px; display:none }

JavaScript

function getHTML() {
  h = $.Deferred();
  setTimeout(function() { h.resolve(); }, 10000);
  return h.promise();
}


function getDATA() {
  d = $.Deferred();
  setTimeout(function() { d.resolve(); }, 4000);
  return d.promise();
}

getHTML().done(function() { alert('HTML')});
getDATA().done(function() { alert('DATA')});


$.when(h,d).done(function() { alert('both'); });