javascript - 如何在 if 参数中结合时间？

Question

现在这段代码工作得很好。当当天是星期六或星期日时，按钮将变为红色。当时间小于上午 9 点且大于下午 5 点时，按钮将变为红色。

换句话说，周一至周五晚上 9 点至 5 点按钮为绿色。

如何在周五 (today.getDay() == 5) 做到这一点，按钮在上午 9 点至下午 4 点为绿色。同时保持上述声明不变。周五营业时间提早一小时关门。

<style>
.onlineStatus {
  height: 20px;
  width: 20px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}
</style>
<span class="onlineStatus" id="onlineStatus"></span> Online

<script>
var div = document.getElementById('onlineStatus');
div.style.backgroundColor = 'green';     
var today = new Date();
var hr = today.getHours();   
if(hr <= 9 && hr >= 17 || today.getDay() == 6 || today.getDay() == 0) div.style.backgroundColor = 'red';
</script>

Answer 1

我想我会有条件地设置“结束”时间。

var hr = today.getHours();
var day = today.getDay();   
var maxHour = day === 5 ? 16:17; // there it is

if( (hr <= 9 || hr >= maxHour) || day == 6 || day == 0) div.style.backgroundColor = 'red';

它看起来比堆叠很多条件更优雅/可读。

您还可以重写关闭日部分(只是一个建议):

var hr = today.getHours();
var day = today.getDay();   
var maxHour = day === 5 ? 16:17; // there it is
var closedDays = [0,6];
var isTodayClosed = closedDays.indexOf(day) > -1;
if( (hr <= 9 || hr >= maxHour) || isTodayClosed) div.style.backgroundColor = 'red';