JSFiddle - React, Tailwind, and code Playground

by Anoop Chandran

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <div id="square">

  </div>

CSS

#square{
  width: 100px;
  height: 100px;
  background: red;
}
.highlight{
  border: 6px solid yellow
}

JavaScript

$(document).ready(function(){

  var addHighlight = function(){
    $('#square').addClass('highlight');
  }

  var removeHighlight = function(){
    $('#square').removeClass('highlight');
  }
  var time=6000;


  setTimeout( addHighlight(), time);
  setTimeout(removeHighlight(), 10000);

});