Leitura de células em uma tabela

[Renato Xavier de Lima 0]

Olá pessoal, basicamente o problema é o seguinte: Tenho uma tabela com horários. Gostaria que a função verificasse o horário atual do sistema e desse um destaque na célula que contenha o próximo horário.

 

Hora Atual: 15:10

Próximo Horário: 15:35

 

12:00

12:20

12:30

12:40

15:00

15:35

15:55

16:00

16:20

16:26

16:55

17:00

 

 

[angelorubin 142]

Olá,

 

Você pode fazer algo assim com js e jquery:

 

JS

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    function comparaHorario(){
        data = new Date();
        var separaHoraMinuto = (data+"").match(/\d+:\d+(?=:)/)[0].split(":");
        var horario = separaHoraMinuto[0] + ':' + separaHoraMinuto[1];
        $('#horarios tr td').each(function() {
            if($(this).text() === horario){
                $(this).parent().next().css('backgroundColor','green');
            }
        });
    }
    comparaHorario();
})
</script>

HTML

<table id="horarios" width="10%" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <td>09:00</td>
  </tr>
  <tr>
    <td>10:43</td>
  </tr>
  <tr>
    <td>10:44</td><!-- Coloque o horário atual aqui para testar -->
  </tr>
  <tr>
    <td>13:00</td>
  </tr>
</table>

Espero que ajude.