Lately.js - 基于jQuery开发的好用的'Timeago'插件

基于jQuery,仅800字节却强大,好用的'Timeago'插件

基于jQuery,仅800字节却强大,好用的'Timeago'插件

引用

首先确保你的页面已经正确引用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>

示例

//datetime
<time class="lately-a" datetime="2016-09-28T23:49:41+00:00" itemprop="datePublished" pubdate>2016-September-28</time>

//title
<a href="#" class="lately-b" title="2017-02-14 18:56">Any string</a>

//html
<a href="#" class="lately-c">2017-02-12 21:39</a>

上方代码执行效果如下:

datetime: 3年前 / title:3年前 / html:3年前

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>

下面这款wordpress博客主题使用了这个技术:

Lately.js - 基于jQuery开发的好用的'Timeago'插件-Npcink
Lately.js - 基于jQuery开发的好用的'Timeago'插件-Npcink

Adams - 简洁舒适的WordPress博客主题

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
教程

怎么在管理面板中更改页脚文本? - WordPress教程

2020-8-13 15:31:08

资源

一些视频

2018-10-13 20:48:27

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索