javascript - 显示在线弹出聊天的可用性状态

在我的网站上，我在网站右下方有一个“单击以打开聊天按钮”。我不知道这是否可行，但我想将DIV圈子更改为绿色（在线状态），星期一至英国时间星期五晚上9点至下午5点。

/

目前，我的JavaScript基本上只能检测到周末。星期一至星期五，按钮将变为绿色。我还要如何设置时间？

var div = document.getElementById('onlineStatus');
div.style.backgroundColor = 'green';
var today = new Date();
if(today.getDay() == 6 || today.getDay() == 0) div.style.backgroundColor = 'red';

.onlineStatus {
  height: 20px;
  width: 20px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}

<span class="onlineStatus" id="onlineStatus"></span> Click to contact us now!

最佳答案

let div = document.getElementById('onlineStatus');
div.style.backgroundColor = 'green';
const day = new Date().getDay();
const hours = new Date().getHours();
if(day === 6 || day === 0 || (hours < 9 && hours > 17)) {
  div.style.backgroundColor = 'red';
}

.onlineStatus {
  height: 20px;
  width: 20px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}

<span class="onlineStatus" id="onlineStatus"></span> Click to contact us now!

如果从另一个时区访问该页面，那么现在可能仍然存在您的问题，您将需要服务器日期和时间。

关于javascript - 显示在线弹出聊天的可用性状态，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59031070/