用于在一天中的特定时间高亮显示某些内容的Javascript函数

Question

我有一个电子表格，其中显示了我的每个员工的名字和他们的午餐休息时间。我们使用这个列表来给他们分配新的案例，但显然我们不能在他们吃午饭的时候给他们分配案例。

我想找出一种方法，在他们吃午饭时突出显示或“灰显”他们的名字，然后在他们吃完午饭后再改回来。

Answer 1

我认为您可以在window.onLoad中使用css和JavaScript的条件类。大概是这样的：

CSS：

.class{
...
}

.classHighLight{
...
}

JS：

window.onload = function() {
   var currentHour = new Date().getHours();
   var arrStaffs = Here you load your spreadsheet's hours

   arrStaffs.forEach((member) => {
       if(member.lunchHour == currentHour){
           document.getElementById(*Member's button ID*).className = 'classHighLight';
       }
   })
};

这样，当您访问页面时，您的onLoad函数将高亮显示与当前小时具有相同lunchHour的成员。我不知道你的电子表格数据布局，但我假装你有这样的东西：

Mike - 14 / Peter - 12

希望它能帮助您:)