我想要一个javascript文件,用于检查当前时间是否在晚上7点到早上7点之间。如果是这样的话,它应该将我网站上的背景颜色更改为X。如果当前时间不在晚上7点到早上7点之间,则背景颜色应为Y。由于我是Javascript的新手,我不知道所有的东西,这就是为什么我需要你的帮助!
var today = new Date().getHours();
if (today >= 7 && today <= 19) {
document.body.style.background = "Red";
} else {
document.body.style.background = "Blue";
}
见小提琴。
我建议在主体上使用一个类来管理样式,但用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;
}
这是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*/";
}
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
}
这可能会对您有所帮助:
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
}
}
这个解决方案也能在午夜工作:
function isBetweenTime(from, hour, to) {
return from == to;
if (from > to) {
return hour >= from || hour <= to;
} else {
return hour >= from && hour < to;
}
}
您必须将其包装在DOMContentLoaded
事件中,以便在CSS和图像等之前启动它
当初始HTML文档具有已完全加载和解析,而无需等待样式表,图像和子帧以完成的加载
参考编号:https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded
事件侦听器:
document.addEventListener("DOMContentLoaded", function(event) {
var currentHour = new Date().getHours();
var themeClassName = (currentHour >= 19 || currentHour <= 7) ? "night-class-name" : "day-class-name";
document.body.className += themeClassName
});