JSFiddle - React, Tailwind, and code Playground

by gchoken

HTML

<div class="flash">Flash Me!</div>
<div class="flash">Flash Me!</div>
<div class="flash">Flash Me!</div>
<div class="flash">Flash Me!</div>
<div class="flash">Flash Me!</div>
<div clas5s="flash">Flash Me!</div>

JavaScript

setInterval(function(){

var iteration_delay,apply_delay;
$.each($('.flash'), function(key, value) { 

    iteration_delay  = 500 + (key * 500 );
    apply_delay      = iteration_delay-500;
  
     
    setTimeout(function() { 
         $(".flash").eq(key).css("background-color","#FF0000");
     },apply_delay);
    
    setTimeout(function() { 
          $(".flash").eq(key).css("background-color","#FFFFFF");
      },iteration_delay);
   

});


},(6* 500 ));