JSFiddle - React, Tailwind, and code Playground

HTML

<div class="green" id="ready">1</div>
<div class="orange" id="steady">2</div>
<div class="red" id="go">3</div>

CSS

.active{color:red;}

JavaScript

var status = ["ready", "steady", "go"];
var i=1;
jQuery(status).each(function(index,value) {
    var self=this;
    setTimeout(function() {
            $("#"+value).addClass('active');
    }, 3000*i);
    i++;
});