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).
2014-05-19 08:55:20 -04:00
## How You Can Help
2013-05-14 11:54:25 -04:00
2014-05-19 22:13:22 -04:00
**If you like this project, please help. [Donate via Gittip][gittip] or [buy me a coffee with Bitcoin][bitcoin].**< br >
2014-05-19 08:55:20 -04:00
[![Gittip ](http://img.shields.io/gittip/rmm5t.svg )][gittip]
2014-05-19 22:13:22 -04:00
[![Bitcoin ](http://img.shields.io/badge/bitcoin-buy%20me%20a%20coffee-brightgreen.svg )][bitcoin]
2014-05-19 08:55:20 -04:00
2014-05-19 22:13:22 -04:00
**[Bitcoin][bitcoin]**: `1rmm5tv6f997JK5bLcGbRCZyVjZUPkQ2m` < br >
2014-05-19 08:55:20 -04:00
[![Bitcoin Donation][bitcoin-qr-small]][bitcoin-qr-big]
2014-05-19 22:13:22 -04:00
## Need Help?
**You can [book a session with me on Codementor][codementor].**< br >
[![Book a Codementor session ](http://img.shields.io/badge/codementor-book%20a%20session-orange.svg )][codementor]
2014-05-19 08:55:20 -04:00
[gittip]: https://www.gittip.com/rmm5t/ "Donate to rmm5t for open source!"
2014-05-19 22:13:22 -04:00
[bitcoin]: https://blockchain.info/address/1rmm5tv6f997JK5bLcGbRCZyVjZUPkQ2m "Buy rmm5t a coffee for open source!"
[bitcoin-scheme]: bitcoin:1rmm5tv6f997JK5bLcGbRCZyVjZUPkQ2m?amount=0.01& label=Coffee%20to%20rmm5t%20for%20Open%20Source "Buy rmm5t a coffee for open source!"
2014-05-19 08:55:20 -04:00
[bitcoin-qr-small]: http://chart.apis.google.com/chart?cht=qr& chs=150x150& chl=bitcoin%3A1rmm5tv6f997JK5bLcGbRCZyVjZUPkQ2m%3Famount%3D0.01%26label%3DCoffee%2520to%2520rmm5t%2520for%2520Open%2520Source
[bitcoin-qr-big]: http://chart.apis.google.com/chart?cht=qr& chs=500x500& chl=bitcoin%3A1rmm5tv6f997JK5bLcGbRCZyVjZUPkQ2m%3Famount%3D0.01%26label%3DCoffee%2520to%2520rmm5t%2520for%2520Open%2520Source
[codementor]: https://www.codementor.io/rmm5t "Book a session with rmm5t on Codementor!"
2013-04-19 10:22:19 -04:00
2008-07-18 17:12:09 -04:00
## 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
2013-04-09 17:32:09 -04: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
2013-02-21 22:55:49 -05:00
## Changes
2014-02-27 10:08:17 -05:00
| Version | Notes |
|---------|---------------------------------------------------------------------------------|
2014-03-03 09:27:11 -05:00
| 1.4.x | ([compare][compare-1.4]) Added allowPast setting |
2014-02-27 10:08:17 -05:00
| 1.3.x | ([compare][compare-1.3]) Added updateFromDOM function; bug fixes; bower support |
| 1.2.x | ([compare][compare-1.2]) Added cutoff setting |
| 1.1.x | ([compare][compare-1.1]) Added update function |
| 1.0.x | ([compare][compare-1.0]) locale updates; bug fixes; AMD wrapper |
| 0.11.x | ([compare][compare-0.11]) natural rounding; locale updates; |
| 0.10.x | ([compare][compare-0.10]) locale updates |
| 0.9.x | ([compare][compare-0.9]) microsecond support; bug fixes |
| 0.8.x | ([compare][compare-0.8]) `<time>` element support; bug fixes |
| 0.7.x | ([compare][compare-0.7]) locale function overrides; unit tests |
| ... | ... |
2014-05-01 14:59:05 -04:00
[compare-1.4]: https://github.com/rmm5t/jquery-timeago/compare/v1.3.2...v1.4.1
2014-02-27 10:08:17 -05:00
[compare-1.3]: https://github.com/rmm5t/jquery-timeago/compare/v1.2.0...v1.3.2
2013-05-18 18:27:54 -04:00
[compare-1.2]: https://github.com/rmm5t/jquery-timeago/compare/v1.1.0...v1.2.0
2013-03-06 09:47:47 -05:00
[compare-1.1]: https://github.com/rmm5t/jquery-timeago/compare/v1.0.2...v1.1.0
2013-02-21 22:55:49 -05:00
[compare-1.0]: https://github.com/rmm5t/jquery-timeago/compare/v0.11.4...v1.0.2
[compare-0.11]: https://github.com/rmm5t/jquery-timeago/compare/v0.10.1...v0.11.4
[compare-0.10]: https://github.com/rmm5t/jquery-timeago/compare/v0.9.3...v0.10.1
[compare-0.9]: https://github.com/rmm5t/jquery-timeago/compare/v0.8.2...v0.9.3
[compare-0.8]: https://github.com/rmm5t/jquery-timeago/compare/v0.7.2...v0.8.2
[compare-0.7]: https://github.com/rmm5t/jquery-timeago/compare/v0.6.2...v0.7.2
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)