Javascript 以45分钟为间隔，根据一天中的时间高亮显示表格行

这是我的桌子。我希望以45分钟的间隔逐个突出显示表中的行，这取决于现在的时间，并且应该在用户在页面上时动态更新

我不知道，因为我不熟悉jquery或javascript。任何帮助都将不胜感激

<div class="table">
     <table>

 <tr>  <td id="r1">1</td><td>10:15 - 11:00</td> </tr>

 <tr>  <td id="r3">2</td><td>11:00 - 11:45</td> </tr>

 <tr>  <td id="r5">3</td><td>11:45 - 12:30</td> </tr>

 <tr>  <td id="r7">4</td><td>12:30 - 1:15</td> </tr>

 <tr>  <td id="r9">5</td><td>1:15 - 2:00</td> </tr>

 <tr>  <td id="r11">6</td><td>2:00 - 2:45</td> </tr>

 <tr>  <td id="r13">7</td><td>2:45 - 3:30</td> </tr>
</table>

110:15 - 11:00 
211:00 - 11:45 
311:45 - 12:30 
412:30 - 1:15 
51:15 - 2:00 
62:00 - 2:45 
72:45 - 3:30 

---

可以用一个对象数组完成，但我很懒，所以我制作了一个时间数组和一个类名数组。或者，根据返回的时间（比如'id_1100'）使id成为某种东西。我只是用给定的例子使它工作

还可以去掉

now

变量，因为它只使用一次，但这会使它更不可读

哦，如果您在上午10:15之前或下午3:30之后观看此演示，并且当用户在页面上时我不会动态更新，则此演示将不起作用，但您可以设置自己的计时器并清除/设置正确行的背景

编辑：可能在Opera Mini中工作

var now=new Date（）.getHours（）*100+new Date（）.getMinutes（）；
var时间=[10151100114512301315140014451530]；
变量ID=['r1'，'r3'，'r5'，'r7'，'r9'，'r11'，'r13']；
所选var=“”；
对于（var ix=0；ix=乘以[ix]）{
所选=ids[ix]；
}
}
如果（选中）document.getElementById（选中）.parentElement.style.backgroundColor='yellow'

1.
10:15 - 11:00
2.
11:00 - 11:45
3.
11:45 - 12:30
4.
12:30 - 1:15
5.
1:15 - 2:00
6.
2:00 - 2:45
7.
2:45 - 3:30
逻辑非常简单：在数组中存储对应于表行的时间间隔，并根据一天中的时间向一行添加CSS类，但您必须向我们提供您目前正在使用的代码。您是否反对使用其他库，如矩.js？它是否需要在页面加载时突出显示，还是在用户处于页面上时动态更新？是的，Travis，它必须在用户处于页面上时动态更新。我搜索了整个论坛和主题，但找不到任何解决方案。。。查看setInterval，正如您提供的那样，代码不起作用。我也试过用截取的代码运行，但没有成功。哈…你用的是什么浏览器？opera mini…这是它的屏幕截图。正如你所看到的，我的电脑的当前时间是2:40，所以它应该高亮显示r11，但不是，它只是白色的。我不知道我做错了什么。除了使用Opera Mini，你没有做错任何事我的国家现在是3:10，但我还是尝试了谷歌浏览器、火狐浏览器和互联网浏览器，但没有任何亮点。仅输出所有行和列中背景为白色的表。