`
zccst
  • 浏览: 3322565 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery【插件】 timeago的使用

 
阅读更多
作者:zccst

<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery.timeago.js"></script>
<script type="text/javascript" src="timeago.ch.js"></script>
<title>时间格式化</title>
<style type="text/css">
.a{ width:200px; height:100px; background-color:#FC9}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery("abbr.timeago").timeago();
  //jQuery("div.timeago").timeago();
});
</script>
</head>

<div class="a timeago"></div>
<abbr class="timeago" title="2012-03-01 14:16:35"></abbr>
<abbr class="timeago" title="2012-03-09 14:16:35"></abbr>



官方网站:http://timeago.yarp.com/
分享到:
评论

相关推荐

    Jquery插件timeago汉化版

    **jQuery插件timeago汉化版详解** jQuery插件timeago是一个非常实用的工具,它为网页中的时间戳提供了一种动态更新、自动格式化的功能。原版的timeago主要支持英文显示,而我们这里讨论的是经过汉化处理的版本,...

    jquery.timeage 使用

    **jQuery.timeago插件详解与应用** ...总的来说,jQuery.timeago是一个强大且易于使用的插件,能够方便地在网页上展示动态更新的时间差,提升用户体验。合理利用其功能,可以让网站的时间信息更加直观易读。

    前端项目-jquery-timeago.zip

    【前端项目-jquery-timeago.zip】是一个包含前端开发中使用的jQuery插件的压缩包,主要功能是实现自动更新的模糊时间戳展示。这个插件帮助开发者轻松地在网页上显示如"4分钟前"或"大约1天前"这样的人性化时间信息,...

    timeago.zh-CN.js jquery插件 “几天之前" 中文版

    jQuery作为一个广泛使用的JavaScript库,提供了丰富的插件来扩展其功能,其中“timeago”插件就是一个很好的示例,它能够方便地将日期时间转化为如“几分钟前”、“几天之前”等易于理解的格式。本文将详细介绍这个...

    jquery-timeago:用于Timeago jQuery插件的Shim存储库

    **jQuery Timeago插件概述** jQuery Timeago是一个流行的JavaScript库,专为jQuery设计,用于将日期和时间自动转化为易于理解的“多久以前”的格式。这个插件极大地简化了网站上显示时间戳的方式,使得用户无需解析...

    jquery-timeago::clock8:原始的jQuery插件,可轻松支持自动更新模糊时间戳(例如“ 4分钟前”)

    timeago:一个jQuery插件 Timeago是jQuery的一个jQuery插件,可以轻松地支持从HTML 8中嵌入的ISO 8601格式日期和时间自动更新模糊时间戳(例如“ 4分钟前”或“大约1天前”)。用法首先,加载jQuery和插件: &lt; ...

    rails-timeago:时间标记的Rails助手,可以与jQuery Timeago插件一起使用

    要使用捆绑的jQuery Timeago插件,请将以下require语句添加到您的application.js文件中: //= require rails-timeago 这还将在页面加载时转换所有匹配的时间标签。 使用以下内容还包括所有可用的语言环境文件: /

    timeago.js自动将时间戳转换为更易读的时间轴

    接下来,需要对需要显示时间的元素进行初始化,可以使用jQuery的选择器和`.timeago()`方法: ```javascript $(document).ready(function() { $("abbr.timeago").timeago(); // 找到所有class为"timeago"的元素并...

    timeago.zip

    要使用timeago.js,首先需要在HTML文件中引入jQuery库和timeago.js插件。然后,通过调用`$(document).ready()`函数来初始化插件,设置需要处理的时间元素。例如: ```html &lt;script src="jquery.min.js"&gt; ...

    jQuery插件集合

    "计时器"和"倒计时"插件(如Countdown.js或Timeago)可以用于显示活动剩余时间或更新日期信息。 "地图"插件(如Gmaps.js或Leaflet)将地图集成到网页中,适用于地理位置相关的应用。还有"图像懒加载"插件(如Lazy...

    timeago.js-将datetime时间转化为模糊时间的js工具库

    2. 初始化timeago插件,通常在jQuery的`$(document).ready()`函数中进行。 ```javascript $(document).ready(function() { $('time[datetime]').timeago(); }); ``` 3. 在HTML中,使用`&lt;time&gt;`标签配合`datetime`...

    timeago:带有 jquery timeago 助手的 Meteor 包

    “jquery.timeago”是jQuery的一个插件,它扩展了jQuery的功能,实现了自动更新时间ago的功能。当页面加载时,它可以自动将页面上的特定日期时间戳转化为用户友好的格式,并随着时间的推移自动更新。这使得用户无需...

    jqueryliveTimeAgojs是一款可以将具体的日期时间转换为模糊相对时间的jQuery插件

    5. 在需要显示相对时间的元素上添加`class="timeago"`,例如: ```html &lt;span class="timeago"&gt;2022-07-06 15:30:00 ``` **功能特性** 1. **自动更新**:一旦初始化,插件会定期检查并更新时间,以保持实时性。...

    smart-time-ago:Smart Time Ago是一个小jQuery库,用于更新文档中的相对时间戳

    Just copy the lib/timeago.js or src/timeago.coffee to your project folder then load it after jQuery. 或者,如果您使用节点,则可以从npm安装它。 $ npm install -g smart-time-ago 为什么聪明? Smart ...

    js、jquery实时显示时间的几种方法

    对于更复杂的日期和时间显示,可以利用现有的jQuery插件,如`jQuery.timeago`或`jQuery.countdown`。这些插件可以自动处理时区转换和时间格式化,使代码更加简洁。 - `jQuery.timeago`:用于显示从当前时间到指定...

    jqeury插件(demo)+图片上传(swfupload)

    - jQuery的时间ago插件,如`rmm5t-jquery-timeago-200941a`,可能是用于将日期和时间转换为“多久以前”的人性化格式,例如“3分钟前”或“1年前”。 2. **图片上传**: - swfupload是一款基于Flash的文件上传...

    前端项目-jquery.age.zip

    1. **jQuery插件机制**: jQuery插件通常通过扩展jQuery对象的方法来实现。开发者会创建一个新的函数,并将其挂载到jQuery.fn(即jQuery.prototype)上,使得所有jQuery选择器返回的对象实例都能调用这个新方法。在...

    js 时间插件(带时分秒)

    3. 基于jQuery的插件:如jQuery.timeago,可以方便地实现时间戳到易读时间的转换。 在实际开发中,我们还需要考虑时区问题、性能优化以及兼容性问题。例如,使用UTC时间来避免时区差异,利用requestAnimationFrame...

Global site tag (gtag.js) - Google Analytics