timeago.js自动将时间戳

时间 2019-12-05

标签 timeago.js timeago 自动时间戳栏目 JavaScript 繁體版

原文原文链接

首先须要载入jQuery库和timeago.jsjavascript

 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.timeago.js"></script>

接着咱们在页面中加入如下代码：html

 
<abbr class="timeago" title="2012-11-28T11:17:00Z"></abbr>

咱们给abbr元素设置class为timeago，设置title为标准的ISO 8601时间格式，你也能够使用html5标签time：html5

 
<time class="timeago" datetime="2012-12-10T02:20:50Z"></time>

jQuery

使用jQuery调用timeago()，运行页面便可看到效果。java

 
$(function(){ 
    $(".timeago").timeago(); 
});

如下方法也能够调用timeago()：jquery

 
$(function(){ 
    jQuery.timeago(new Date());             //=> "约1分钟前" 
    jQuery.timeago("2012-12-09");           //=> "1天前" 
    jQuery.timeago(jQuery("abbr#some_id")); //=> "1年前"     // [title="2011-11-20"] 
});

timeago.js还支持处理未来的时间，如“3天后”，只需将如下参数设置为true。spa

 
jQuery.timeago.settings.allowFuture = true;

补充说明

timeago.js在标准的UTC时间模式下运行，对于咱们处在东八区(+08:00)，能够在加载时间时减去8小时，或者在时间格式中使用+08:00来显示准确的北京时间。code

举个栗子，假设要处理的是北京时间2012-12-10 18:02:45，那么能够经过如下方式来获取准确的北京时间。htm

 
<!--先减去8小时--> 
<abbr class="timeago" title="2012-12-10T10:02:45Z"></abbr> 
<!--在时间后+08:00--> 
<abbr class="timeago" title="2012-12-10T18:02:45Z+08:00"></abbr>