JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one" style="display:none">
    <p>content for div #one</p>
</div>
<div id="two" style="display:none">
    <p>content for div #two</p>
</div>
<div id="three" style="display:none">
    <p>content for div three</p>
</div>

JavaScript

window.setInterval(function(){

  var current = new Date();
  var expiry  = new Date("October 29, 2012 12:00:00")
  var expiry2 = new Date("October 30, 2012 12:00:00")

  if(current.getTime()>expiry.getTime()){
    $('#one').hide();
    $('#two').show();
  }
  else if(current.getTime()>expiry2.getTime()){
       $('#two').hide();
       $('#three').show();
   }

}, 3000);

$('#one').show();