JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cc"></div>

JavaScript

$(function() {
    var dfd_1 = $.Deferred(),
        dfd_2 = $.Deferred(),
        dfd_3 = $.Deferred();

    function test(content, waitTime, dfd) {
        console.log(content + ' begin');
        setTimeout(function() {
            console.log(content + ' end');
            dfd.resolve();
        }, waitTime);
        return dfd.promise();
    }
    
    test('first', 2000, dfd_1)
    	.then(function() {
        	return test('second', 4000, dfd_2);
    	})
    	.then(function() {
        	return test('third', 6000, dfd_3);
    	})
    	.then(function() {
        	console.log('all done');
    	})
    ;
});