如果時間在晚上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; 
}