Javascript时间和工作日/周末CSS更改

Javascript时间和工作日/周末CSS更改,javascript,css,time,Javascript,Css,Time,我正在尝试制作一个脚本,以实现以下目标: 我需要根据一天中的时间和一周中的某一天,将页面上某个元素的颜色从绿色更改为红色。例如,周六我需要比周一多一个时间窗口 我正在努力寻找有效的方法。我找到了几个根据时间改变CSS的脚本,但是我找不到一个根据时间和日期改变CSS的脚本。有我可以使用的脚本吗 我发现根据时间改变CSS的脚本: ==== 这对我有用(从我认识的人那里得到了一些帮助): 函数getStylesheet(){ var currentTime=new Date().getHour

我正在尝试制作一个脚本,以实现以下目标:

  • 我需要根据一天中的时间和一周中的某一天,将页面上某个元素的颜色从绿色更改为红色。例如,周六我需要比周一多一个时间窗口
我正在努力寻找有效的方法。我找到了几个根据时间改变CSS的脚本,但是我找不到一个根据时间和日期改变CSS的脚本。有我可以使用的脚本吗

我发现根据时间改变CSS的脚本:

====

这对我有用(从我认识的人那里得到了一些帮助):

函数getStylesheet(){
var currentTime=new Date().getHours();
var currentDay=新日期().getDay();
文件。填写(“”);

如果(1您需要通过
Date().getDay
将日期合并到脚本中。下面的代码扩展了您链接到的CSS技巧示例,应该为您提供一个起点

这段代码未经测试,可以在ALLOCT中进行改进(到最后,您将有大量if语句)

下面是一个代码的工作示例,替换一个简单的输出而不是交换样式表(在当前状态下,它只在周三工作,我不想编写所有的if语句)

函数getStylesheet(){
var currentTime=new Date().getHours();
var currentDay=新日期().getDay();
如果(当前日期===0){
//今天是星期天
如果(当前时间<5){
文件。填写(“”);
}否则如果(当前时间<11){
文件。填写(“”);
}否则如果(当前时间<16){
文件。填写(“”);
}否则如果(当前时间<22){
文件。填写(“”);

}else if(当前时间您可以从中获取日期。星期天为0,星期六为6。也可以尝试。没问题。如果这解决了您的问题,请不要忘记将其标记为答案:)尝试了不同的东西,但这个脚本似乎不起作用。我也尝试了CSS技巧脚本,它确实起作用,但当然这只是时间问题,而不是时间问题。@NerdyBirdy当你说这个代码不起作用时,你是否收到了错误消息?在你的问题中发布你尝试的代码。让我困惑的是代码的这一部分。你声明了times,然后您也检查日期,但是您已经在第一个if语句(currentDay==0)的开头检查过了。&¤tDay==2){对不起,我还在学习Javascript。哦,对不起,我会更新代码。我错误地离开了内部测试。
function getStylesheet() {
var currentTime = new Date().getHours();
var currentDay = new Date().getDay();

document.write("<link rel='stylesheet' href='css/close.css'         
type='text/css'>");
   if (1 <= currentDay&&currentDay < 6){
   // mon/tue/wen/thu/fri
   if (8 <= currentTime&&currentTime < 18) {
   document.write("<link rel='stylesheet' href='css/open.css'    
   type='text/css'>");
} 
} else if (currentDay === 6) { 
  // Its Saturday
  if (10 <= currentTime&&currentTime < 17) {
  document.write("<link rel='stylesheet' href='css/open.css'     
  type='text/css'>");
  }     
 } 
}
getStylesheet();
function getStylesheet() {
  var currentTime = new Date().getHours();
  var currentDay = new Date().getDay();

  if (currentDay === 0){
    // Its Sunday
    if (currentTime < 5) {
     document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
    }else if (currentTime < 11) {
     document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
    }else if (currentTime < 16) {
     document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
    } else if (currentTime < 22) {
     document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
    }else if (currentTime <= 24) {
     document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
    }
  } else if (currentDay === 1){
    // Its Monday
  } else if (currentDay === 2){
    // Its Tuesday
  }
}