Question

im trying to write a little .js file to change a css style from display:block to display:none depending on the time of day, 08.30 to 17.00 display block and 17.00 to 08.30 display none.

Here’s what i have so far:

<script language="JavaScript">
day=new Date()     //..get the date
x=day.getHours()    //..get the hour

if(x>=8.30 && x<17) {

  document.write('<style type="text/css">#live{display:block}"></style>')

 } else

 if(x>=17 && x<8.30) {

   document.write('<style type="text/css">#live{display:none}"></style>')

};

</script>

Do think this is good js plus not sure if using 8.30 would work plus not sure if the last “;” is needed.

Any help on this would be great thanks.

Im now trying this code but does not work

<script type="text/javascript">
$(document).ready ( function (){

var dateObj = new Date();
var hour = dateObj.getHours() * 100 + dateObj.getMinutes();

if (hour >= 1600 && hour <= 1800) {
document.getElementById('live').style.display = "none";
 }


 });

 </script>

Answer 1

1. getHours() returns a whole number (0 to 23). For 8:30, you will
   need to check getHours() and getMinutes() accordingly.
2. The last semicolon does not need to be there.