Javascript nếu thời gian là từ 7 giờ tối đến 7 giờ sáng, hãy làm điều này?

Question

Tôi muốn có tệp javascript để kiểm tra xem thời gian hiện tại có từ 7 giờ tối đến 7 giờ sáng hay không. Nếu vậy, nó sẽ thay đổi màu nền trên trang web của tôi thành X. Nếu thời gian hiện tại không phải là từ 7 giờ tối đến 7 giờ sáng, thì màu nền phải là Y. Vì tôi mới sử dụng Javascript Tôi không biết mọi thứ và đó là lý do tôi cần sự giúp đỡ của bạn!

Answer 1

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

Xem fiddle.

Answer 2

Đây là 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

này có thể giúp bạn:

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

tôi đề nghị sử dụng một lớp trên cơ thể để quản lý các phong cách, nhưng xử lý các lớp học trong JavaScript.

Thực chất bạn sẽ sử dụng lớp học Date để nhận giờ hiện tại trong thời gian quân sự (24 giờ). 7 giờ tối được thể hiện là 19 trong thời gian quân sự.

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

Sau đó, trong CSS, bạn có thể xử lý các lớp đó.

body.between7 { 
    background-color: green; 
} 

body.notBetween7 { 
    background-color: red; 
}