jQuery 工具提示显示来自 unix 时间戳的 timeAgo答案

【问题标题】：jQuery tooltip displaying timeAgo from unix timestampjQuery 工具提示显示来自 unix 时间戳的 timeAgo
【发布时间】：2017-01-26 13:26:07
【问题描述】：

如何在 jquery 中从 timestamp 获取 timeAgo 并将其显示为简单的 tooltip？

我发现这个http://timeago.yarp.com/ 不是我想要的。

我正在寻找的是将时间戳设置为假设data-ts="timestamp"，然后当用户悬停文本时，工具提示显示为“1 天，3 小时前”。

注意：tooltip 并不是什么特别的东西，只是显示 title 属性的默认系统 tooltip 就足够了。

【问题讨论】：

不是更喜欢使用服务器端函数将时间戳转换为“timeAgo”并将其添加为元素的属性并简单地显示在工具提示中吗？
是的，我可以做到，而且我已经做到了，但在这种特殊情况下，我希望它与 jQuery 一起是实时的

标签： jquery time tooltip timeago

【解决方案1】：

虽然您提到它不是您想要的，但您可以使用timago.yarp.com 来实现它。可以选择以编程方式使用它：

jQuery.timeago(new Date());             //=> "less than a minute ago"
jQuery.timeago("2008-07-17");           //=> "9 years ago"
jQuery.timeago(jQuery("time#some_id")); //=> "9 years ago"     // [title="2008-07-20"]

例如：

$('.element-with-tooltip').hover(function(){
$(this).attr('data-timeago', $.timeago($(this).attr('data-ts')));
});

更好的方法是将其添加为工具提示函数（插件）的回调，该函数返回“timeago”输出以显示在工具提示中。

【讨论】：