JSFiddle - React, Tailwind, and code Playground

by Nemesis02

HTML

<div id="wait" style="display:none;">Waiting</div>
<div id="done" style="display:none;">Done</div>

JavaScript

(function($) {
    function initLongWait() {
        var deferred = new $.Deferred();
        
        setTimeout(function() {
            deferred.resolve();
        }, 2000);
        
        return deferred.promise();
    }
    
    var promise = initLongWait();
    $('#wait').fadeIn();
    initLongWait().done(function() {
        $('#wait').fadeOut();
        $('#done').fadeIn();
    });
})(jQuery);