Show hide content based on date/time

This example will add css to target element from the startTime until endTime

by ian_smithz

HTML

<div class="home-page">



<div class="full_width_wrp">
I am full width wrap
</div>



</div>

JavaScript

window.setInterval(function(){

  var current = new Date();
  
  var startTime  = new Date("December 19, 2018 13:00:00");
  var endTime = new Date("December 19, 2018 23:59:59");

    if(current.getTime() > startTime.getTime()){
    		$('.home-page .full_width_wrp').css("margin", "-0.6em");
    }
  
    if(current.getTime() > endTime.getTime()){
    		$('.home-page .full_width_wrp').css("margin", "0");
    }
  // check every thirty seconds
}, 30000);