JSFiddle - React, Tailwind, and code Playground
HTML
<div id="content">
<div class="block">Block-1</div>
</div>
CSS
#content .block{
background:green;
}
JavaScript
$(function(){
var c = $('#content'), l = c.find('.block').length;
setInterval(function(){
var lOld = l;
if(c.find('.block').length > lOld) {
c.find('.block').css({"background-color":"#FF0000"});
l = c.find('.block').length;
}
}, 100);
var intVal = setInterval(function(){
var b = $('<div/>', { 'class':'block', 'text':'Block-' + (++c.find('.block').length) });
$('#content').append(b);
if(c.find('.block').length > 1) clearInterval(intVal);
}, 3000);
});