2008-07-18 17:12:09 -04:00
|
|
|
# timeago: a jQuery plugin
|
|
|
|
|
|
|
|
Timeago is a jQuery plugin that makes it easy to support automatically updating
|
|
|
|
fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago") from ISO 8601
|
|
|
|
formatted dates and times embedded in your HTML (à la microformats).
|
|
|
|
|
|
|
|
## Usage
|
|
|
|
|
|
|
|
First, load jQuery and the plugin:
|
|
|
|
|
2011-05-30 21:58:20 -04:00
|
|
|
```html
|
|
|
|
<script src="jquery.min.js" type="text/javascript"></script>
|
|
|
|
<script src="jquery.timeago.js" type="text/javascript"></script>
|
|
|
|
```
|
2008-07-18 17:12:09 -04:00
|
|
|
|
2012-02-21 02:41:45 -05:00
|
|
|
Now, let's attach it to your timestamps on DOM ready - put this in the head section:
|
2008-07-18 17:12:09 -04:00
|
|
|
|
2011-05-30 21:58:20 -04:00
|
|
|
```html
|
2012-02-21 02:41:45 -05:00
|
|
|
<script type="text/javascript">
|
2011-05-30 21:58:20 -04:00
|
|
|
jQuery(document).ready(function() {
|
2012-02-21 02:41:45 -05:00
|
|
|
$("abbr.timeago").timeago();
|
2011-05-30 21:58:20 -04:00
|
|
|
});
|
2012-02-21 02:41:45 -05:00
|
|
|
</script>
|
2011-05-30 21:59:15 -04:00
|
|
|
```
|
2008-07-18 17:12:09 -04:00
|
|
|
|
2012-05-08 15:44:10 -04:00
|
|
|
This will turn all abbr elements with a class of timeago and an ISO 8601
|
|
|
|
timestamp in the title (conforming to the
|
|
|
|
[datetime design pattern microformat](http://microformats.org/wiki/datetime-design-pattern)):
|
2008-07-18 17:12:09 -04:00
|
|
|
|
2011-05-30 21:58:20 -04:00
|
|
|
```html
|
2012-05-08 15:44:10 -04:00
|
|
|
<abbr class="timeago" title="2011-12-17T09:24:17Z">December 17, 2011</abbr>
|
2011-05-30 21:58:20 -04:00
|
|
|
```
|
2008-07-18 17:12:09 -04:00
|
|
|
|
|
|
|
into something like this:
|
|
|
|
|
2011-05-30 21:58:20 -04:00
|
|
|
```html
|
2012-05-09 19:57:34 -04:00
|
|
|
<abbr class="timeago" title="December 17, 2011">about 1 day ago</abbr>
|
2012-05-08 15:44:10 -04:00
|
|
|
```
|
|
|
|
|
|
|
|
HTML5 `<time>` elements are also supported:
|
|
|
|
|
|
|
|
```html
|
|
|
|
<time class="timeago" datetime="2011-12-17T09:24:17Z">December 17, 2011</time>
|
2011-05-30 21:58:20 -04:00
|
|
|
```
|
2008-07-18 17:12:09 -04:00
|
|
|
|
|
|
|
As time passes, the timestamps will automatically update.
|
|
|
|
|
2008-07-18 17:14:15 -04:00
|
|
|
**For more usage and examples**: [http://timeago.yarp.com/](http://timeago.yarp.com/)
|
2008-07-18 17:12:09 -04:00
|
|
|
|
2012-03-18 20:52:01 -04:00
|
|
|
**For different language configurations**: visit the [`locales`](https://github.com/rmm5t/jquery-timeago/tree/master/locales) directory.
|
2008-10-24 10:16:25 -04:00
|
|
|
|
2009-02-07 10:59:11 -05:00
|
|
|
## Author
|
|
|
|
|
|
|
|
[Ryan McGeary](http://ryan.mcgeary.org) ([@rmm5t](http://twitter.com/rmm5t))
|
|
|
|
|
2008-07-18 17:14:15 -04:00
|
|
|
## Other
|
2008-07-18 17:12:09 -04:00
|
|
|
|
2008-07-18 17:14:15 -04:00
|
|
|
[MIT License](http://www.opensource.org/licenses/mit-license.php)
|
2008-07-18 17:12:09 -04:00
|
|
|
|
2013-01-21 10:33:20 -05:00
|
|
|
Copyright (c) 2008-2013, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
|