这篇文章给大家介绍timeago.js中怎么将时间戳转换为时间轴,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
首先需要载入jQuery库和timeago.js
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.timeago.js"></script>
接着我们在页面中加入以下代码:
<abbr class="timeago" title="2012-11-28T11:17:00Z"></abbr>
我们给abbr元素设置class为timeago,设置title为标准的ISO 8601时间格式,你也可以使用html5标签time:
<time class="timeago" datetime="2012-12-10T02:20:50Z"></time>
使用jQuery调用timeago(),运行页面即可看到效果。
$(function(){
$(".timeago").timeago();
});
以下方法也可以调用timeago():
$(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。
jQuery.timeago.settings.allowFuture = true;
timeago.js在标准的UTC时间模式下运行,对于我们处在东八区(+08:00),可以在加载时间时减去8小时,或者在时间格式中使用+08:00来显示准确的北京时间。
举个栗子,假设要处理的是北京时间2012-12-10 18:02:45,那么可以通过以下方式来获取准确的北京时间。
<!--先减去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>
关于timeago.js中怎么将时间戳转换为时间轴就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。