JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element1" class="elem"></div>
<div id="element2" class="elem"></div>
<div id="element3" class="elem"></div>
<div id="element4" class="elem"></div>
<div id="element5" class="elem"></div>

CSS

.elem {
    width: 100px;
    height: 100px;
    background-color: #aaa;
    margin: 10px;
    display: inline-block;
    transition: 1s all;
}

JavaScript

$(document).ready(function(){
	function foo($e, timeout) {
    	setTimeout(function(){
            $e.css('background', 'red');
        }, timeout);
    }
    
    for (var i = 1; i <= 5; i++) {
        foo($("#element"+i), i*500);
    }
});