关键词 :

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

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

前端:

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

  

用法:

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

插件: jquery.timeago.js

  1. !function (t) {
  2. function e(e) {
  3. var n = t.extend(o.settings, e)
  4. , s = t.proxy(r, this);
  5. s(),
  6. n.refreshMillis > 0 && setInterval(s, n.refreshMillis)
  7. }
  8. function r() {
  9. var e = n(this)
  10. , r = e.datetime;
  11. return isNaN(r) || t(this).text(o.inWords(r)),
  12. this
  13. }
  14. function n(e) {
  15. return e = t(e),
  16. e.data("timeago") || e.data("timeago", {
  17. datetime: o.datetime(e)
  18. }),
  19. e.data("timeago")
  20. }
  21. function s(t) {
  22. return (new Date).getTime() - t.getTime()
  23. }
  24. function i(t) {
  25. var e = new Date;
  26. return e.getMonth() > t.getMonth() || e.getDate() > t.getDate()
  27. }
  28. function a(t) {
  29. return (new Date).getFullYear() > t.getFullYear()
  30. }
  31. Date.prototype.format = function (t) {
  32. var e = {
  33. "M+": this.getMonth() + 1,
  34. "d+": this.getDate(),
  35. "h+": this.getHours(),
  36. "m+": this.getMinutes(),
  37. "s+": this.getSeconds(),
  38. "q+": Math.floor((this.getMonth() + 3) / 3),
  39. S: this.getMilliseconds()
  40. };
  41. /(y+)/.test(t) && (t = t.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)));
  42. for (var r in e)
  43. new RegExp("(" + r + ")").test(t) && (t = t.replace(RegExp.$1, 1 == RegExp.$1.length ? e[r] : ("00" + e[r]).substr(("" + e[r]).length)));
  44. return t
  45. }
  46. ;
  47. var o = {
  48. settings: {
  49. refreshMillis: 6e4,
  50. relative: !0,
  51. strings: {
  52. suffixAgo: "前",
  53. seconds: "刚刚",
  54. minute: "1分钟",
  55. minutes: "%d分钟",
  56. hour: "1小时",
  57. hours: "%d小时",
  58. days: "%d天",
  59. months: "%d月",
  60. years: "%d年",
  61. numbers: []
  62. },
  63. yearsAgoFormat: "yyyy-MM-dd",
  64. daysAgoFormat: "MM-dd hh:mm"
  65. },
  66. inWords: function (e) {
  67. function r(e, r) {
  68. var n = t.isFunction(e) ? e(r, u) : e
  69. , s = g.numbers && g.numbers[r] || r;
  70. return n.replace(/%d/i, s)
  71. }
  72. var n = o.settings.relative;
  73. if (!n && a(e))
  74. return e.format(this.settings.yearsAgoFormat);
  75. if (!n && i(e))
  76. return e.format(this.settings.daysAgoFormat);
  77. var u = s(e)
  78. , g = this.settings.strings
  79. , h = g.suffixAgo
  80. , d = Math.abs(u) / 1e3
  81. , l = d / 60
  82. , f = l / 60
  83. , m = f / 24
  84. , c = m / 30
  85. , M = m / 365;
  86. 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)),
  87. "刚刚" == words ? words : words + h
  88. },
  89. parse: function (e) {
  90. var r = t.trim(e);
  91. return r = r.replace(/\.\d+/, ""),
  92. r = r.replace(/-/, "/").replace(/-/, "/"),
  93. r = r.replace(/T/, " ").replace(/Z/, " UTC"),
  94. r = r.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"),
  95. new Date(r)
  96. },
  97. datetime: function (e) {
  98. var r = t(e).attr(o.isTime(e) ? "datetime" : "title");
  99. return o.parse(r)
  100. },
  101. isTime: function (e) {
  102. return "time" === t(e).get(0).tagName.toLowerCase()
  103. }
  104. };
  105. t.fn.timeago = function (t) {
  106. return this.each(function () {
  107. e.call(this, t)
  108. }),
  109. this
  110. }
  111. }(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. Python2 下 Unicode 的一个小bug

    关于Python的编码问题已经是老生常谈了,此处主要是介绍一个罕见的问题,也算是Python2的一个bug了(Python3不会有此问题). 在有时候我们去爬取网页或者调用一些第三方库获取文本的时候, ...

  2. split函数的实现

    split作为字符串分割函数非常有用,但在C++里面没有这个函数.自己实现一个分割函数: 1.遇到多个分隔符连在一起,则不做分割 2.()内的分隔符不起作用 3.如果只有(,没有)不影响分隔符 #in ...

  3. C++ 画星号图形——空心矩形(核心代码记录)

    int mi=(int)a; int mj=(int)b; ;i<mi;i++) { ;j<mj;j++) { ||i==mi-) cout<<"*"; | ...

  4. CSS3过渡、变形和动画

    1.CSS3过渡 所谓CSS3过渡,就是使用CSS3让元素从一种状态慢慢转换到另一种状态.如鼠标的悬停状态就是一种过渡.如下例子: #content a{     text-decoration: n ...

  5. 多边形裁剪的Sutherland-Hodgman算法

    多边形裁剪是渲染管线中重要的一个子阶段,它将视截体外的多边形去除.一种简单的裁剪策略是一旦发现一个顶点在裁剪区域以外,就立刻丢弃该多边形.更加精细的做法则是,将原来的多边形拆为多个不跨越边界的多边形, ...

  6. Educational Codeforces Round 6 E dfs序+线段树

    题意:给出一颗有根树的构造和一开始每个点的颜色 有两种操作 1 : 给定点的子树群体涂色 2 : 求给定点的子树中有多少种颜色 比较容易想到dfs序+线段树去做 dfs序是很久以前看的bilibili ...

  7. java基础总结——开篇

    工作三年多了,一直没时间静下心来好好总结,2016年马上就要过去了.也算是给自己在新一年的一个任务吧!总结java基础,然后再总结javaweb.纯属个人学习总结,总结过程中如有模糊的地方,望各位看官 ...

  8. Swift利用协议优化NSNotificationCenter

    NSNotificationCenter存在的问题 通知没有统一的命名格式 对于通知的命名没有强制的要求,一个项目里可能有多种不同的命名规则.比如: 1 2 3 4 5 6 class Barista ...

  9. Elasticsearch问题总结

    1.ES大量做FULL GC,日志如下: [2016-12-15 14:53:21,496][WARN ][monitor.jvm ] [vsp4] [gc][old][94725][4389] du ...

  10. MVC 上传 下载

    [上传]带进度条 view  注:添加easyui的js文件 <script type="text/javascript"> function fileSelected ...