Question

Saludos,
Ese código me es útil pregunto en el caso que el primer select se obtiene de una tabla/BD un campo que me indica duración 02:00:00 luego
en el segundo select igual se obtiene de otra tabla/BD igual un campo duración 00:01:00 al pasarla a una tercer select cosa que ya me lo hace quiero sumar el total de duración 02:01:00 coloco el código para mejor entendimiento. Gracias y espero que me puedan ayudar

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td align="center">
        <input type="button" class="pasar izq btn" value="Pasar »">&nbsp;
        <input type="button" class="pasartodos izq btn" value="Pasar Todos »">
       </td>
      <td colspan="2" align="center">
        <input type="button" class="quitar der btn" value="« Quitar">&nbsp;
        <input type="button" class="quitartodos der btn" value="« Quitar Todos"></td>
      </tr>
    <tr>
      <td width="57%">Programas</td>
      <td colspan="2">Playlist Control</td>
    </tr>
    <tr>
      <td>
       <div id="resultado">
        <?php
        $query=mysqli_query($con, "SELECT * FROM archivos_programas");
        ?>
           <select style="font-size: 12px;" name="origen[]" id="origen" multiple="" size="9">
        <?php
        while ($row = mysqli_fetch_array($query))
        {
        echo "<option value=".$row[1].">".$row[1]." / ".$row[2]." / ".$row[4]."</option>";
        }
        ?>
           </select>

        </div>
        </td>
      <td colspan="2" rowspan="3" align="center" valign="top">
      <select style="font-size: 12px;" name="destino[]" id="destino" multiple="" class="span5" size="9" required="true"></select></td>
    </tr>
    <tr>
      <td>Comerciales</td>
      </tr>
    <tr>
      <td> <?php
        $query=mysqli_query($con, "select * from comerciales");
        ?> 
        <select style="font-size: 12px;" name="origen_p[]" id="origen_p" multiple="" size="9">
        <?php
        while ($row = mysqli_fetch_array($query))
        {
        echo "<option value=".$row[1].">".$row[1]." / ".$row[2]." / ".$row[4]."</option>";
        }
            ?>
        </select>

        </td>
      </tr>
    <tr>
      <td>&nbsp;</td>
      <td width="32%" align="right">Total Duracion:&nbsp;</td>
      <td width="11%" align="center" valign="top"><div id="resultados"></div></td>
    </tr>
  </tbody>
</table>

<script type="text/javascript">
$().ready(function() 
    {
    $('.submit').click(function() { $('#destino option').prop('selected', 'selected'); });
    });
    function copiarOpcion(opcion, destino) {
    var valor = $(opcion).val();
    if ($(destino + " option[value=" + valor + "]").length == 0) {
        $(opcion).appendTo(destino); 
    }
}

$(document).ready(function() {
    $('.pasar').click(function() { 
        copiarOpcion($('#origen option:selected').clone(), "#destino");

    });
    $('.pasartodos').click(function() { 
        $('#origen option').each(function() {
            copiarOpcion($(this).clone(), "#destino");
        }); 
    });  
    $('.quitar').click(function() { 
        $('#destino option:selected').remove(); 
    });
    $('.quitartodos').click(function() { 
        $('#destino option').each(function() {
            $(this).remove(); 
        }); 
    });
});

$(document).ready(function() {
    $('.pasar').click(function() { 
        copiarOpcion($('#origen_p option:selected').clone(), "#destino");
    });
    $('.pasartodos').click(function() { 
        $('#origen_p option').each(function() {
            copiarOpcion($(this).clone(), "#destino");
        }); 
    });  
    $('.quitar').click(function() { 
        $('#destino option:selected').remove(); 
    });
    $('.quitartodos').click(function() { 
        $('#destino option').each(function() {
            $(this).remove(); 
        }); 
    });
});
</script>

Answer 1

Lo mejor para realizar cálculos de tiempo o fecha es usar la librería DateTime