关键词 :

时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前

MM-dd hh:mm  或者  yyyy-MM-dd

前端:

<span class="time" title="2016-07-23 12:02:32"></span>

  

用法:

 $(".time").timeago();

插件: jquery.timeago.js

!function (t) {
function e(e) {
var n = t.extend(o.settings, e)
, s = t.proxy(r, this);
s(),
n.refreshMillis > 0 && setInterval(s, n.refreshMillis)
}
function r() {
var e = n(this)
, r = e.datetime;
return isNaN(r) || t(this).text(o.inWords(r)),
this
}
function n(e) {
return e = t(e),
e.data("timeago") || e.data("timeago", {
datetime: o.datetime(e)
}),
e.data("timeago")
}
function s(t) {
return (new Date).getTime() - t.getTime()
}
function i(t) {
var e = new Date;
return e.getMonth() > t.getMonth() || e.getDate() > t.getDate()
}
function a(t) {
return (new Date).getFullYear() > t.getFullYear()
}
Date.prototype.format = function (t) {
var e = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"h+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
S: this.getMilliseconds()
};
/(y+)/.test(t) && (t = t.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)));
for (var r in e)
new RegExp("(" + r + ")").test(t) && (t = t.replace(RegExp.$1, 1 == RegExp.$1.length ? e[r] : ("00" + e[r]).substr(("" + e[r]).length)));
return t
}
;
var o = {
settings: {
refreshMillis: 6e4,
relative: !0,
strings: {
suffixAgo: "前",
seconds: "刚刚",
minute: "1分钟",
minutes: "%d分钟",
hour: "1小时",
hours: "%d小时",
days: "%d天",
months: "%d月",
years: "%d年",
numbers: []
},
yearsAgoFormat: "yyyy-MM-dd",
daysAgoFormat: "MM-dd hh:mm"
},
inWords: function (e) {
function r(e, r) {
var n = t.isFunction(e) ? e(r, u) : e
, s = g.numbers && g.numbers[r] || r;
return n.replace(/%d/i, s)
}
var n = o.settings.relative;
if (!n && a(e))
return e.format(this.settings.yearsAgoFormat);
if (!n && i(e))
return e.format(this.settings.daysAgoFormat);
var u = s(e)
, g = this.settings.strings
, h = g.suffixAgo
, d = Math.abs(u) / 1e3
, l = d / 60
, f = l / 60
, m = f / 24
, c = m / 30
, M = m / 365;
return words = 60 > d ? r(g.seconds, Math.floor(d)) : 60 > l ? r(g.minutes, Math.floor(l)) : 24 > f ? r(g.hours, Math.floor(f)) : 30 > m ? r(g.days, Math.floor(m)) : 365 > m ? r(g.months, Math.floor(c)) : r(g.years, Math.floor(M)),
"刚刚" == words ? words : words + h
},
parse: function (e) {
var r = t.trim(e);
return r = r.replace(/\.\d+/, ""),
r = r.replace(/-/, "/").replace(/-/, "/"),
r = r.replace(/T/, " ").replace(/Z/, " UTC"),
r = r.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"),
new Date(r)
},
datetime: function (e) {
var r = t(e).attr(o.isTime(e) ? "datetime" : "title");
return o.parse(r)
},
isTime: function (e) {
return "time" === t(e).get(0).tagName.toLowerCase()
}
};
t.fn.timeago = function (t) {
return this.each(function () {
e.call(this, t)
}),
this
}
}(window.jQuery)

前端 时间个性化 插件 jquery.timeago.js的更多相关文章

  1. jQuery滚动条插件 – jquery.slimscroll.js

    jquery.slimscroll.js插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动.jquery.slimscroll.js不仅可以定义高度.宽度,还可以定义位置.滚动条大小 ...

  2. 动态生成二维码插件 jquery.qrcode.js

    前段时间做项目,需要动态生成一个二维码,于是就在网上找了一下发现一个jquery插件jquery.qrcode.js,所以今天就简单说一下这个插件的使用: jquery.qrcode.js是依赖jqu ...

  3. jQuery响应式幻灯片插件jquery.glide.js(支持触摸&轻量级)

    找到一款好的幻灯片插件不容易,找到一款功能全并且使用很简单的幻灯片更不容易,今天为大家分享一款全能的幻灯片插件glide.js,也是我现在在使用的一款插件. jquery.glide.js是响应和触摸 ...

  4. 会跳高的字体插件jquery.beattext.js

    插件描述:字体特效,会弹跳的字体插件jquery.beattext.js,兼容性如下: 使用方法 导入如下3个js文件: <script type="text/javascript&q ...

  5. jQuery分页插件(jquery.page.js)的使用

    效果描述: 不用分页即可显示的jQuery插件 jQuery分页插件——jQuery.page.js用法很简单,效果很棒   1.前端   首先html的head中引入相关css与js <lin ...

  6. jquery插件jquery.LightBox.js之点击放大图片并左右点击切换图片(仿相册插件)

    该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果,您可以根据自己的实 ...

  7. jQuery插件 -- 表单验证插件jquery.validate.js, jquery.metadata.js

    原文地址:http://blog.csdn.net/zzq58157383/article/details/7718352   最常使用JavaScript的场合就是表单的验证,而jQuery作为一个 ...

  8. 基于jQuery开发的手风琴插件 jquery.accordion.js

     1.插件代码 少说多做,基于jQuery的手风琴插件jquery.accordion.js的代码:  /* * 手风琴插件说明: * 1.treeTrunk对应树干 * 2.treeLeaf对应树叶 ...

  9. jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明

    jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明 jquery.lazyload.js是一个用JavaScript编写的jQuery插件.它可以延迟加载长页面中的图片 ...

随机推荐

  1. [BZOJ4407]于神之怒加强版

    BZOJ挂了... 先把程序放上来,如果A了在写题解吧. #include<cstdio> #include<algorithm> #define N 5000010 #def ...

  2. SpringMVC核心分发器DispatcherServlet分析[附带源码分析]

    目录 前言 DispatcherServlet初始化过程 DispatcherServlet处理请求过程 总结 参考资料 前言 SpringMVC是目前主流的Web MVC框架之一. 如果有同学对它不 ...

  3. 超链接a标签

    a: ---页面中锚点的链接: <a  href="#point"></a> <p id="#point">锚链接</ ...

  4. easyUI下拉列表三级联动

    首先是先想好数据库的搭建,通过地区id,地区名称,上级地区id就可以实现,所有省市区的数据 例如: DAO层 service层 Servlet 页面 <!DOCTYPE html> < ...

  5. 读书笔记 —— 《css秘密花园》

    浏览器兼容性有效性信息查询 : Can I Use? http://caniuse.com/ 自动为css添加浏览器厂商前缀 https://autoprefixer.github.io/ 在线编辑H ...

  6. Android——Toast.makeText()

    1.Toast 作用 它是android中一种简单的消息提示框,它没有焦点(即不能被点击),会根据设置的时间自动消失. 2.介绍下Toast的参数 Toast t = Toast.makeText(M ...

  7. SSH框架简化

    通过对ssh框架有了基础性的学习,本文主要是使用注解的方式来简化ssh框架的代码编写. 注意事项: 1.运行环境:Windows 8-64位,Eclipse(开发工具),jdk1.8.0_91,Tom ...

  8. Unity中使用WebView

    Unity中使用WebView @(设计) 需求,最近游戏中需要引入H5直播页面和更新比较频繁的赛事页面,需求包括:加密传参数.和Unity交互,在Unity框架下其实有几种方案: 内置函数Appli ...

  9. 【xcode】qt程序不通过qmake,运行找不到动态库的坑

    现象:试图在一个已有项目里增加qt的代码,因此手动加入相关framework(未通过qmake生成工程),编译连接都通过,但是运行时崩溃,提示错误: dyld: Library not loaded ...

  10. Execel(导出新方法):

    #region 新方法 //var sbHtml = new StringBuilder(); //sbHtml.Append("<table border='1' cellspaci ...