Eu amei a resposta de Powtac, mas queria usá-la no angular.js, então criei um filtro usando o código dele.
.filter('HHMMSS', ['$filter', function ($filter) {
return function (input, decimals) {
var sec_num = parseInt(input, 10),
decimal = parseFloat(input) - sec_num,
hours = Math.floor(sec_num / 3600),
minutes = Math.floor((sec_num - (hours * 3600)) / 60),
seconds = sec_num - (hours * 3600) - (minutes * 60);
if (hours < 10) {hours = "0"+hours;}
if (minutes < 10) {minutes = "0"+minutes;}
if (seconds < 10) {seconds = "0"+seconds;}
var time = hours+':'+minutes+':'+seconds;
if (decimals > 0) {
time += '.' + $filter('number')(decimal, decimals).substr(2);
}
return time;
};
}])
É funcionalmente idêntico, exceto que adicionei um campo decimal opcional para exibir segundos fracionários. Use-o como faria com qualquer outro filtro:
{{ elapsedTime | HHMMSS }}
exibe: 01:23:45
{{ elapsedTime | HHMMSS : 3 }}
exibe: 01:23:45.678