JSFiddle - React, Tailwind, and code Playground

by konijn_gmail_com

HTML

<td height="17" align="right">
<font size="1">10</font>
 <b><font size="2">&nbsp;</font></b>
 <a href="/something/a" class="link">
        <b><font size="2" color=black>08:33  </font></b>
    </a>

</td>
<td height="17" align="right"><font size="1">11</font>
 <b><font size="2">&nbsp;</font></b>
 <a href="/something/b" class="link">
        <b><font size="2" color=black>08:25  </font></b>
    </a>

</td>

JavaScript

void((function () {
    var totalMinutes = 0;
    $(".link").find("font:not(:empty)").each(function () {
        var time = $(this).text().split(":"),
            hours = +time[0],
            minutes = +time[1],
            overtime = ((hours * 60) + minutes) - (8 * 60);

        totalMinutes += overtime;
    });

    alert('Overtime so far: ' + totalMinutes + ' minutes');
})());