JSFiddle - React, Tailwind, and code Playground

HTML

<button>Go</button>
<p>Ready...</p>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

div {
      height: 50px;
      width: 50px;
      float: left;
      margin-right: 10px;
      display: none;
      background-color: #090;
  }

JavaScript

$("button").on("click", function () {
    $("p").append("Started...");

    $("div").each(function (i) {
        $(this).fadeIn().fadeOut(1000 * (i + 1));
    });

    $("div").promise().done(function () {
        $("p").append(" Finished! ");
    });
});