Javascript if time is between 7pm and 7am do this?

Question

I want to have a javascript file which checks if current time is between 7pm and 7am. If so it should change the background color on my website to X. If the current time is not between 7pm and 7am the background color should be Y. Since I am new to Javascript I do not know everything, and that's why I need your help!

Answer 1

var today = new Date().getHours(); if (today >= 7 && today <= 19) {    document.body.style.background = "Red"; } else {     document.body.style.background = "Blue"; } 

See fiddle.

Answer 2

I suggest using a class on the body to manage the style, but handle the classes in JavaScript.

Essentially you'll use the Date class to get the current hour in military time (24 hour). 7 PM is represented as 19 in military time.

var hour = new Date().getHours();  // between 7 PM and 7 AM respectively if(hour >= 19 || hour <= 7) {     document.body.className += 'between7'; } else {     document.body.className += 'notBetween7'; } 

Then in CSS you can handle those classes.

body.between7 {     background-color: green; }  body.notBetween7 {     background-color: red; }