JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div class="example">1</div>
<div class="example">2</div>
<div class="example">3</div>
<div class="example">4</div>
<div class="example">5</div>
<div class="example">6</div>
<div class="example">7</div>

CSS

span, 
.example {
  display: block;
  margin: 5px 13px;
  border: 1px solid #e1e1e1;
}

JavaScript

var firstN = 1;
var lastN= $('.example').length;

var timer = setInterval(function(){

	$('<span>', {
  	text: 'Example ' + firstN,
  }).appendTo('body');
  
  if ( firstN === lastN ) {
  	clearInterval( timer );
  }
  else {
    firstN++;
  }
  
  
}, 200);