博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
timeago.js自动将时间戳
阅读量:6329 次
发布时间:2019-06-22

本文共 854 字,大约阅读时间需要 2 分钟。

hot3.png

首先需要载入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,那么可以通过以下方式来获取准确的北京时间。

  
 
 
 
 

转载于:https://my.oschina.net/cshuangxi/blog/210717

你可能感兴趣的文章
Hugo -最好用的静态网站生成器
查看>>
thinkphp框架执行流程-简洁版
查看>>
webpack 自动发现 entry 的配置和引用方式
查看>>
Swift 中的 Runtime
查看>>
离屏canvas
查看>>
[Leetcode] Excel Sheet Column Title Number Conversion Excel列值转换
查看>>
Vue 组件库 HeyUI@1.16.0 更新日志
查看>>
互联网生态建设落地五大挑战——保险科技生态建设 ...
查看>>
进行短视频app开发工作时,可以加入它来保护青少年 ...
查看>>
Rxjs 学习推荐
查看>>
25G DAC无源高速线缆和25G光模块之间的区别
查看>>
乐乐茶完成近2亿元Pre-A轮融资,祥峰投资领投
查看>>
clickhouse修改时区
查看>>
CSS_定位
查看>>
第二十四章:页面导航(六)
查看>>
百度、长沙加码自动驾驶,湖南阿波罗智行科技公司成立 ...
查看>>
Java面试笔试题大汇总一(最全+详细答案)
查看>>
10 个 Linux 中方便的 Bash 别名
查看>>
[Server] 服务器配置SSH登录邮件通知
查看>>
程序员需要学数学吗?
查看>>