JSFiddle - React, Tailwind, and code Playground

by benhowdle89

HTML

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

CSS

div {
    width: 150px;
    height: 150px;
    background: red;
}
.smiles {
    background: blue;
}

JavaScript

var arr = ['#one', '#two', '#three'];
var i = 1;
$(arr[0]).addClass('smiles');
var c = setInterval(function () {
    if(i <= (arr.length - 1)){
        $(arr[i]).addClass('smiles');
        i++;
    } else {
        clearInterval(c);
    }
}, 1000);