我想在 html 表格中用红色设置当前时间线（如果可能的话，每 10 分钟自动移动一次）

我正在使用这个 html 表，我想在 html td 中设置当前时间线。例如，当前时间是上午 9 点，然后在上午 9 点列上设置当前时间线，如果时间是上午 10 点，则当前时间线移动到下一列。如果有与此任务相关的插件告诉我，请帮助我。提前谢谢。

<div class="table-responsive custom">
    <div class="col-sm-1 mov_div"></div>
        <table class="table table-bordered ">
            <thead>        
                 <tr>                                      
                    <th></th>
                    <th><p>Queed</p></th>
                    <th><p>7:00</p></th>
                    <th><p>8:00</p></th>
                    <th><p>9:00</p></th>
                    <th><p>10:00</p></th>
                    <th><p>11:00</p></th>
                </tr>
            </thead>
            <tbody class="context-menu-one">
                <!--  <tr> </tr> -->
                 <tr>
                    <td>data1</td>
                    <td></td>
                    <td><img id="vesselIcon1" src="vesselsIcon/vess-arriving.gif" style= "width:90px;"/></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>Some Content</td>
                </tr>
                <tr>
                    <td>data2</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td><img id="vesselIcon2" src="vesselsIcon/vess-arriving.gif" style= "width:90px;"/></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                     <td>data 3</td>
                     <td></td>
                     <td></td>
                     <td><img id="vesselIcon3" src="vesselsIcon/vess-arriving.gif" style= "width:90px;"/></td>
                     <td></td>
                     <td></td>
                     <td></td>
                </tr>
          </tbody>
       </table>
  </div> 

我的 html 表格就像这张图片

我想要像下图这样的时间线