Show hid content based on date/time

by James Hooper

HTML

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

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

<div id="timer3" style="display:none">
  <p>content for div three</p>
</div>

JavaScript

window.setInterval(function(){

  var current = new Date();
  
  var expiry  = new Date("November 11, 2016 15:33:00");
  var expiry2 = new Date("November 11, 2016 15:33:05");
  var expiry3 = new Date("November 11, 2016 15:33:10");
  var expiry4 = new Date("November 11, 2016 15:33:15");

    if(current.getTime() > expiry.getTime()){
    		$('#timer').show();
    }
  
    if(current.getTime() > expiry2.getTime()){
    		$('#timer').hide();
    		$('#timer2').show();
    }
   
    if(current.getTime() > expiry3.getTime()){
    		$('#timer2').hide();
    		$('#timer3').show();
    }
    
    if(current.getTime() > expiry4.getTime()){
    		$('#timer3').hide();
    }
  
}, 3000);