JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<div id="blocks">
  <div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div>
</div>

CSS

#blocks {
  width:140px;
}
#blocks div.block {
  display:inline-block;
  *display:inline; // Legacy IE love
  zoom:1;
  vertical-align:top;
  width:20px;
  height:20px;
  margin:5px;
  border:1px solid red;
  background:1px solid #777;
}

JavaScript

(function(){
	var remaining = 8;
  var next = function(){
    var $block = $('<div class="block"/>');
    $('#blocks').append($block);
    remaining--;
  	if (remaining > 0) {
			setTimeout(function(){
      	next();
      }, 1000);
    }
  };
  next();
})();