如果从 ISO 8601 时间戳经过一定时间，则执行指定的功能

Question

我想知道执行以下功能的最佳方法是什么：

1. 从 HTML 元素的属性中读取 ISO 8601 时间戳
2. 检查是否已经过了一定时间
3. 如果此时间已过，请执行 function()

我可以想出几种方法来解决这个问题，但所有这些方法看起来都有些笨拙，而且难以提供灵活性。这不必实时更新，但我正在使用 jQuery 和 TimeAgo 插件（https://github.com/rmm5t/jquery-timeago），所以我们可以做到这一点。

我确信其他人已经这样做或尝试这样做，但还没有看到任何明确的答案。

例如，我有 HTML：

<abbr class="timeago" title="2012-12-11T17:00:00">~6 hours ago</abbr>

如果时间戳小于 10 分钟，我想在此之后插入一个 <span class="new">New!</span> 元素。

我们可以这样做让我们开始：

$('abbr.timeago').each(function() {

    var timestamp = $(this).attr("title");

    if (function to compare time?) {
        $(this).insertAfter('<span class="new">New!</span>');
    }
});

比较时间的最佳方法是什么？

Answer 1

大多数现代浏览器在日期构造器中接受 ISO 8601。您需要做的就是以分钟为单位计算现在和那时之间的差异。

function isLessThan10MinAgo( date ) {
  return 0|(new Date() - new Date( date )) * 1.67e-5 <= 10;
}

// Current time: 22:52
console.log( isLessThan10MinAgo('2012-12-11T22:48:00-05:00')); //=> true
console.log( isLessThan10MinAgo('2012-12-11T22:12:00-05:00')); //=> false

解释：

0| // floor the result
(new Date() - new Date( date ) // obtain difference between now and then in ms.
* 1.67e-5 // convert to aprox. minutes
<= 10 // return whether is less than 10 min

用法：

$('abbr.timeago').each(function() {
  if ( isLessThan10MinAgo( $(this).attr('title') ) ) {
    $(this).after('<span class="new">New!</span>');
  }
});