Javascript 如何根据时间更改边框颜色

我正试图改变边界的颜色，当它打开直到关闭。例如：它在上午10点开门，在晚上9:29之前一直是绿色的，然后在晚上9:30到9:44之间变成黄色，然后在晚上9:45到晚上10点关门之前变成橙色。我遇到的问题是颜色在晚上11:29变为11:44黄色，以此类推直到12点变为红色。我的问题是。我是把else放对了还是等于小时和分钟

var imgArray=new Array（）；
imgaray[0]=新图像（）；
imgaray[0].src='1http://www.weebly.com/editor/uploads/1/1/3/4/11341626/custom_themes/599346900698327146/files/Gifs/OpenLightOff.png';
imgaray[1]=新图像（）；
imgaray[1].src='1]http://www.weebly.com/editor/uploads/1/1/3/4/11341626/custom_themes/599346900698327146/files/Gifs/OpenLightOn.gif';
var now=新日期（）；
var weekday=新数组（7）；
工作日[0]=“周日”；
工作日[1]=“周一”；
工作日[2]=“星期二”；
工作日[3]=“星期三”；
工作日[4]=“周四”；
工作日[5]=“周五”；
工作日[6]=“周六”；
var today=weekday[now.getDay（）]；
var dayOfWeek=now.getDay（）；
var checkTime3=函数（）{
var timeBorder3=document.getElementById（'timeBorder3'）；
var timeDiv3=document.getElementById（'timeDiv3'）；
var hour=now.getHours（）；
var minutes=now.getMinutes（）；
var后缀=小时>=12？“下午”：“上午”//添加上午或下午
//将0添加到一位数分钟
如果（分钟<10）{
分钟数=“0”+分钟数
};
如果（dayOfWeek==0 | | dayOfWeek==1 | | dayOfWeek==2 | | dayOfWeek==3 | | dayOfWeek==4）{
//开放式Greeen：周日、周一、周二、周三、周四
如果（（dayOfWeek==0 | | dayOfWeek==1 | | | dayOfWeek==2 | | | dayOfWeek==3 | | dayOfWeek==4）和&hour>9和&hour>21==分钟<30））{
小时=（（小时+11）%12+1）；//即显示1:15而不是13:15
timeBorder3.className='OpenGreen'；
timeDiv3.innerHTML='it's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='open'；
}
//开放黄色：周日、周一、周二、周三、周四
如果（（dayOfWeek==0 | | dayOfWeek==1 | | | dayOfWeek==2 | | | dayOfWeek==3 | | dayOfWeek==4）和&hour>9和&hour>21==分钟<45））{
小时=（（小时+11）%12+1）；//即显示1:15而不是13:15
timeBorder3.className='OpenYellow'；
timeDiv3.innerHTML='it's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='openYellow'；
} 
//开放橙色：周日、周一、周二、周三、周四
如果（（dayOfWeek==0 | | dayOfWeek==1 | | | dayOfWeek==2 | | | dayOfWeek==3 | | dayOfWeek==4）和&hour>9和&hour>21==分钟<60））{
小时=（（小时+11）%12+1）；//即显示1:15而不是13:15
timeBorder3.className='OpenOrange'；
timeDiv3.innerHTML='it's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='openOrange'；
}
//封闭的
否则{
如果（小时==0 | |小时>10）{
小时=（（小时+11）%12+1）；//即显示1:15而不是13:15
}
timeBorder3.className='ClosedReded'；
timeDiv3.innerHTML='It's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='已关闭'；
}
}
//绿色开放：周五和周六
否则如果（（dayOfWeek==5 | | dayOfWeek==6）和&hour>9 | |（hour>22==minutes<30））{
小时=（（小时+11）%12+1）；
timeBorder3.className='OpenGreen'；
timeDiv3.innerHTML='it's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='open'；
}
//开放黄色：星期五和星期六
否则如果（（dayOfWeek==5 | | dayOfWeek==6）和&hour>9 | |（hour>22==minutes<45））{
小时=（（小时+11）%12+1）；
timeBorder3.className='OpenYellow'；
timeDiv3.innerHTML='it's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='openYellow'；
}
//开放橙：星期五和星期六
否则如果（（dayOfWeek==5 | | dayOfWeek==6）和&hour>9 | |（hour>22==minutes<59））{
小时=（（小时+11）%12+1）；
timeBorder3.className='OpenOrange'；
timeDiv3.innerHTML='it's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='openOrange'；
}
//封闭的
否则{
如果（小时==0 | |小时>10）{
小时=（（小时+11）%12+1）；//即显示1:15而不是13:15
}
timeBorder3.className='ClosedReded'；
timeDiv3.innerHTML='It's'+今天+''+小时+'：'+分钟+后缀+'
；
timeDiv3.className='已关闭'；
}
};
$（函数（）{
checkTime3（）；
});
/*timee*/
/*绿叶螟*/
.OpenGreen{
位置：相对位置；
盒影：0px 0px 3px 4px#3DFF01；
动画：开放1s无限；
}
@关键帧打开{
50%{box shadow:0px 0px 3px 4px#30cc00；}
}
/*字体颜色黄色*/
.开放黄色{
位置：相对位置；
颜色：黄色；
}
/*黄边*/
.开放黄色{
位置：相对位置；
盒影：0px 0px 3px 4px#ffff00；
动画：openYellow 1s无限；
}
@关键帧打开黄色{
50%{box shadow:0px 0px 3px 4px#FFE700；}
}
/*字体颜色橙色*/
.开放橙{
位置：相对位置；
颜色：#ff6700；
}
/*橘子花边*/
.开放橙{
位置：相对位置；
盒影：0px 0px 3px 4px#ff6700；
动画：openOrange 1s无限；
}
@关键帧openOrange{
50%{box shadow:0px 0px 3px 4px#FF5A00；}
}
/*字体颜色为红色*/
.关闭{
颜色：rgba（231,76,60,0.85）；
}
/*红边*/
闭上眼睛{
位置：相对位置；
盒影：0px 0px 3px 4px#FF0101；
动画：关闭1s无限；
}
@关键帧关闭{
50%{box shadow:0px 0px 3px 4px#e50000；}
}
[id^=“timeBorder”]{
边界半径：20px；
左边距：自动；
右边距：自动；
边缘顶部：8px；
底部：5px；
显示：块；
位置：相对位置；
填充：0px；
宽度：182px；
高度：182px；
z指数：1；
溢出：隐藏；
}
* {
保证金：0；
填充：0；
字体系列：“Lato”，无衬线；
}
[id^=“timeDiv”]
{
宽度：100%；
背景：透明；
M
(hour > 22 == minutes < 59)

if (hour >= 9 && hour <= 23 && dayOfWeek >= 0 && dayOfWeek <= 4) {
  //make Stuff green
}else if (hour == 23 && dayOfWeek >= 0 && dayOfWeek <= 4) {
  if (minutes >= 45) {
    //make stuff Orange
  }else if (minutes >= 30) {
    //make stuff yellow
  }else {
  // make stuff red
}