Show DIV during specific times of the day (eg., during store "open hours")

Question

I need to toggle DIV visibility based on time so my site shows when my physical store is open.

For example:
- 07:00-15:59 = Show div
- 16:00-06:59 = Hide div

Thanks!

Answer 1

Here is a basic example.

//gets the current time. 
var d = new Date();
if(d.getHours() >= 7 && d.getHours() <= 15 ){
    $(".open").show();
    $(".closed").hide();
}
else {  
     $(".closed").show();
    $(".open").hide();
}

https://jsfiddle.net/16mnrL3b/