跳至正文
设计笔记 静水流深,美语善缘
作品 约 2 分钟阅读

800字节,将时间处理成“xx时间前”

Lately.js 是一款基于 jQuery 的小型时间处理插件,体积仅 800 字节。它能够将时间戳转换为“x分钟前”、“x小时前”或“x年前”等易读格式,并自动更新显示。使用简单,只需在页面引用 jQuery 后加载 Lately.js,并通过简单的 JavaScript 调用即可启用。插件默认使用简体中文,但支持自定义语言设置。适合需要实时更新时间显示的网页应用。

Lately.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:"x分钟前"、"x小时前"、"x年前",这样的更友好易读的时间,而且无需刷新页面即自动更新页面时间的显示,功能类似"timeago.js",但是Lately.js更加小巧(仅800字节),暂不支持"xx时间后"格式。

引用

首先确保你的页面已经正确引用jQuery(建议2.0+),然后再引用Lately.js。
<script src="//tokinx.github.io/lately/lately.min.js"></script>

启用

启用插件十分简单:
<script>
jQuery(document).ready(function () {
	$.lately({
	'target' : '.lately-a,.lately-b,.lately-c'
	});
});
</script>

示例

Time格式

支持可直传JavaScript new Date() 对象的时间格式。

本地化

插件默认为 “简体中文” 语言,但也可以在初始化的时候连同语言一起设置:
<script>
jQuery(document).ready(function () {
	$.lately({
		'target' : '.lately-a,.lately-b,.lately-c',
		'lang': {
		'second': ' Second',
		'minute': ' Minute',
		'hour': ' Hour',
		'day': ' Days',
		'month': ' Month',
		'year': ' Years',
		'ago': ' Ago',
		'error': 'NaN'
		}
	});
});
</script>
Lately.js 的 官网 \ GitHub