JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<div id="red"></div>
<div id="blue"></div>
<div id="yellow"></div>

CSS

div {
    width: 100px;
    height: 100px;
    display: block;
  }
  #red {
    background: red;
  }
  #blue {
    background: blue
  }
  #yellow {
    background: yellow;
  }

JavaScript

$(document).ready(function(){

  var compSequence = new Array("red", "blue", "yellow");

  var displaySequence = function() {

      $.each(compSequence, function (i, color) {
        // add delay
        $("#" + color).delay(i * 1000).fadeTo(300, 0).fadeTo(300, 1.0);
      });      
  }

  displaySequence();

});