<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>
现在此代码可以正常工作,
[当星期六或星期天,按钮将变成红色。当小时数小于9am并且大于5pm时,按钮将变为红色。
换句话说,星期一至星期五晚上9点至下午5点,按钮为绿色。
我的问题是:
我如何在星期五(today.getDay()== 5)上做到这一点,按钮为上午9点至下午4点为绿色。同时保持上述陈述不变。营业时间是星期五,一个小时前结束。
我住在英国。
非常感谢,