Как сделать таймер времени на сайте?

Подскажите как прикрутить к php javascript . Есть код и он работает, как к нему прикрутить таймер времени javascript такого авто обновления чтоб обновлять время и и сделать активную/не активную ссылку

внизу даю скрин увидел винтернете это такая крутилка видео time_table.dat такого вида

1|text|link|04|12|2018|10:00:00|9:55:00|10:30:00| 
2|text|link|04|12|2018|16:00:00|16:55:00|17:30:00| 
3|text|link|04|12|2018|19:00:00|18:55:00|19:30:00| 
    date_default_timezone_set('Europe/Kiev');//timzone

    $data =  file("time_table.dat");
  foreach($data as $rows) {
    $elem = explode("|", $rows);
    if (!strripos($rows, "|")) continue;
///////////////////////////////////////////////////////////////
$met = $elem[3].'-'.$elem[4].'-'.$elem[5].' '.$elem[7];
$metTS = strtotime($met);
//echo strftime("%d-%m-%Y %H:%M:%S", $metTS).'  ';
//echo strftime("%d-%m-%Y %H:%M:%S");
 $sub = $metTS - time();

$sub = abs($sub);
$days = (int)($sub / (24*60*60));
$hours = (int)(($sub - $days * 24 * 60 * 60) / (60*60));
$min = (int)(($sub - $days * 24 * 60 *60 - $hours * 60 * 60) / 60);
$sec = $sub - $days * 24 * 60 *60 - $hours * 60 * 60 - $min * 60;
/////////////////////////////////////////////////////////////////////
       $start = $elem[7];
       $end = $elem[8];
       $enter = '';
     $cur_time = strftime('%H:%M:%S', time());  
     if ($cur_time > $start && $cur_time < $end){
     $enter = '<a href="'.$elem[2].'" target="_blank">Активная</a></div>';
     }else{
     $enter = '<a href="#">Неактивная</a>';
     }
///////////////////////////////////////////////////////////////////
echo'<table border="1" align="center" cellpadding="0" cellspacing="0" width="300">
  <tr>
    <td valign="top" align="center"  width="150">
        '.$elem[3].'/'.$elem[4].'/'.$elem[5].'-'.$elem[6].'<br>
    '.$elem[1].'
    </td>
    <td valign="top" align="center"  width="150">   
       '. $hours.':'. $min.':'. $sec.'
        <br>'. $enter .'
    </td>
  </tr>
</table>';
  }