javascript - 是否有一个好的 jQuery 插件或 JS 代码用于持续时间？

Question

我基本上想制作以下内容:

从 int 67 到 1 分 7 秒

从 int 953 到 15 分 53 秒

从 int 3869 到 1 小时 4 分 29 秒

伪代码:

// original
<span class="time">67</span>

//output
<span class="time">1 minute 7 seconds</span>

// js
$('.time').format_duration();

Answer 1

借用 Guffa 的大部分答案，这应该可以作为 jQuery 插件:

jQuery.fn.time_from_seconds = function() {
    return this.each(function() {
        var t = parseInt($(this).text(), 10);
        $(this).data('original', t);
        var h = Math.floor(t / 3600);
        t %= 3600;
        var m = Math.floor(t / 60);
        var s = Math.floor(t % 60);
        $(this).text((h > 0 ? h + ' hour' + ((h > 1) ? 's ' : ' ') : '') +
                     (m > 0 ? m + ' minute' + ((m > 1) ? 's ' : ' ') : '') +
                     s + ' second' + ((s > 1) ? 's' : ''));
    });
};

如果您有这样的 HTML:

<span class='time'>67</span>
<span class='time'>953</span>
<span class='time'>3869</span>

你这样调用它:

$('.time').time_from_seconds();

HTML 变成:

<span class="time">1 minute 7 seconds</span>
<span class="time">15 minutes 53 seconds</span>
<span class="time">1 hour 4 minutes 29 seconds</span>

每个元素还有一个“原始”的 data attribute 以及它最初包含的秒数。

我的回答直接回答了你的问题，但我将在黑暗中拍摄:如果你想显示人类时间之前发生的事情(即“5 分钟前”)，则 jQuery timeago plugin 用于这个。不过，我认为它不接受秒作为格式。它必须是 ISO 8601 日期。