Angular.js:秒到HH:mm:ss滤波器

Question

我有很多秒数，例如，713秒。如何实现将这713秒转换为HH:mm:ss格式的Angular.js过滤器？在这种情况下，应该是00:11:53。

<div>
  {{ 713 | secondsToHHMMSS }} <!-- Should output 00:11:53 -->
</div>

Answer 1

manzapanza的答案只有在秒数小于86400 (1天)时才有效。日期对象需要完全为零。另外，最好返回实际的date对象，这样angularjs就不必再来一次了。

app.filter('secondsToDateTime', function() {
    return function(seconds) {
        var d = new Date(0,0,0,0,0,0,0);
        d.setSeconds(seconds);
        return d;
    };
});

和

<b>{{seconds | secondsToDateTime | date:'HH:mm:ss'}}</b>

编辑：如果您想要超过24小时而不包装到天，最好不要使用日期：

app.filter('secondsToTime', function() {

    function padTime(t) {
        return t < 10 ? "0"+t : t;
    }

    return function(_seconds) {
        if (typeof _seconds !== "number" || _seconds < 0)
            return "00:00:00";

        var hours = Math.floor(_seconds / 3600),
            minutes = Math.floor((_seconds % 3600) / 60),
            seconds = Math.floor(_seconds % 60);

        return padTime(hours) + ":" + padTime(minutes) + ":" + padTime(seconds);
    };
});

和

<b>{{seconds | secondsToTime}}</b>

Answer 2

试着做这样的事情：

app.filter('secondsToDateTime', [function() {
    return function(seconds) {
        return new Date(1970, 0, 1).setSeconds(seconds);
    };
}])

html：

<b>{{seconds | secondsToDateTime | date:'HH:mm:ss'}}</b>

演示

Answer 3

试试这个：

app.filter('secondsToHHmmss', function($filter) {
    return function(seconds) {
        return $filter('date')(new Date(0, 0, 0).setSeconds(seconds), 'HH:mm:ss');
    };
})

html：

<b>{{seconds | secondsToHHmmss}}</b>