JSFiddle - React, Tailwind, and code Playground

HTML

<div id='option1' class='option'></div>

<div id='option2' class='option'></div>

<div id='option3' class='option'></div>

CSS

body {padding:10px;}
.option {width:100px; height:100px; margin-right:20px; background:blue; float:left;}
.disabled {background:green;}

JavaScript

alert('Start');

sampleFunction();
        
function sampleFunction() {
    
for (i=0; i<5; i++) {

  setTimeout(function() {
    $('#option2').addClass('disabled');
    $('#option1').removeClass('disabled');
  },800);
  
  setTimeout(function() {
    $('#option3').addClass('disabled');
    $('#option2').removeClass('disabled');
  },800);

  setTimeout(function() {
    $('#option1').addClass('disabled');    
    $('#option2').removeClass('disabled');
  },800);

}//end for loop
    
}

alert('Finished');