计算列的时间总和

Question

我有这张表：

<table id="total" border="1" width="100%">
    <tbody>
        <tr>
            <td>Total duration time</td>
            <td class="total_duration_time"></td>
        </tr>
    </tbody>
</table>
<table id="data" border="1" width="100%">
    <tbody>
        <tr>
            <td>Anna</td>
            <td>318</td><td class="duration_time">00:00:50</td>
            <td>62700</td>
        </tr>
        <tr>
            <td>Bob</td>
            <td>318</td>
            <td class="duration_time">00:00:27</td>
            <td>62703</td>
        </tr>
        <tr>
            <td>Mike</td>
            <td>318</td>
            <td class="duration_time">00:00:36</td>
            <td>88455233284</td>
        </tr>
    </tbody>
</table>

我需要计算 class 列的总和duration_time并将结果打印到 class 列中total_duration_time。

如何在 JavaScript 或 jQuery 上执行此操作？

我尝试使用此示例中的代码http://jsfiddle.net/unKDk/13/，但如果用 00:00:00 类型的值代替数字，它不会计算时间量。

Answer 1

最简单的方法是使用秒。我的意思是，您可以将每个持续时间转换为秒，计算总计，然后使用另一个将秒转换为 hh-mm-ss 格式的函数来显示您需要的位置。

您可以在这里查看它的外观和工作原理

注意：该函数在此处toHHMMSS()采用