Мені сподобалась відповідь Powtac, але я хотів використати її в angular.js, тому створив фільтр, використовуючи його код.
.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;
};
}])
Це функціонально ідентично, за винятком того, що я додав у необов'язкове поле десяткових знаків для відображення дробових секунд. Використовуйте його, як і будь-який інший фільтр:
{{ elapsedTime | HHMMSS }}
дисплеї: 01:23:45
{{ elapsedTime | HHMMSS : 3 }}
дисплеї: 01:23:45.678