欢迎访问

云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

鼎浩网络,云南鼎浩信息技术有限公司

鼎浩客服热线

DING HAO COLUMN 鼎浩专栏

鼎浩的一些分享
Sharing from Ding Hao

  • 鼎浩服务
  • 1

timeago.js自动将时间戳转换为更易读的时间轴

来源:     2013年07月02日16:02
字号:T|T

timeago.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:5分钟前,约3小时前这样的更友好易读的时间轴,而且使用timeago.js无需刷新页面即自动更新页面时间的显示。

查看演示DEMO 下载源码

Helloweba.com之前有文章:PHP实现时间轴函数,该文介绍了使用后端语言PHP来实现的时间戳转换,但是需要手动刷新页面才能更新时间的显示。而如果用户长时间停留在该页面,如浏览微博,就可以用到timeago.js来做自动更新时间了。

HTML

首先需要载入jQuery库和timeago.js


接着我们在页面中加入以下代码:


我们给abbr元素设置class为timeago,设置title为标准的ISO 8601时间格式,你也可以使用html5标签time:


jQuery

使用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,那么可以通过以下方式来获取准确的北京时间。


客服中心
点击进行在线咨询

QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

咨询热线:0871-63399840

客服热线:0871-63523332

客服中心 客服中心