show hide div on times x3 dates

by ian_smithz

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('2018-11-09T02:00:00.000-08:02')
  var expiry2 = new Date('2018-11-09T02:00:00.000-08:03')
  var expiry3 = new Date('2018-11-09T02:00:00.000-08:04')

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

}, 3000);