Javascript Function 用於在一天中的特定時間突出顯示某些內容

Question

我有一個電子表格，其中顯示了我員工的每個成員的姓名以及他們的午休時間。 我們使用此列表為他們分配新的病例，但顯然我們不能在他們吃午飯時為他們分配病例。

我想想辦法在他們吃午飯時突出顯示或“變灰”他們的名字，然后在他們的午餐時間結束時改回來。

Answer 1

我認為您可以使用有條件的 class 和 css 和 JavaScript 可能在 Z05B8C74CBD96FBF2DE4C1A3.FLoad 之類的東西里面。

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 function 將突出顯示與當前時間具有相同午餐時間的成員。 我不知道你的電子表格數據布局，但我假裝你有類似的東西：

邁克 - 14 / 彼得 - 12

希望對你有幫助：）