如果时间在晚上7点到7点之间，则使用Javascript吗？

Question

我想要一个JavaScript文件，检查当前时间是否在晚上7点到早上7点。如果是这样，它应该改变我的网站上的背景颜色为X. 如果当前时间不在晚上7点到上午7点之间，背景颜色应该是Y. 由于我是Javascript新手，我不知道所有事情，这就是为什么我需要你的帮助！

Answer 1

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

见fiddle。

Answer 2

这里是JSBin

var currentTime = new Date().getHours(); 
if (currentTime >= 19 && currentTime <= 7) { 
    document.body.style.background = "/*your X color*/"; 
} else { 
    document.body.style.background = "/*your Y color*/"; 
} 

Answer 3

这可以帮助你：

function checkTime() { 
     var d = new Date(); // current time 
     var hours = d.getHours(); 
     var mins = d.getMinutes(); 
     if(hours>=19 || hours <=7) 
      { 
       document.body.style.background="";//set background color x 
      } 
      else 
      { 
       document.body.style.background="";//set background color y 
      } 

    } 

Answer 4

var d = new Date(); 
var n = d.getHours(); //get the current local time's hour in military time (1..23) 

//If the time is greater than or equal to 7pm or less than or equal to 7am 
if (n >= 19 || n <= 7) { 
    //set background color to X 
} 
else { 
    //set background color to Y 
} 

Answer 5

我建议使用对身体有类来管理风格，但在JavaScript处理的类。

基本上，您将使用Date类来获得当前军事时间（24小时）的小时。下午7点在军事时间表示为19。

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'; 
} 

然后在CSS中，您可以处理这些类。

body.between7 { 
    background-color: green; 
} 

body.notBetween7 { 
    background-color: red; 
}