mirror of https://github.com/scratchfoundation/jquery-timeago.git synced 2024-11-23 15:57:54 -05:00

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago").

Find a file

Ryan McGeary d11a9ccb6d Merge remote-tracking branch 'eggli/master' * eggli/master: add word separator setting for i18n, most Asian languages uses no word separator.		2012-03-03 15:18:27 -05:00
test	Upped jquery to 1.7.1 in the examples and test suite	2011-12-14 09:21:18 -05:00
vendor/cache	Updated rake tasks to automatically compile CoffeeScript	2011-09-23 16:59:49 -04:00
.gitignore	Updated rake tasks to automatically compile CoffeeScript	2011-09-23 16:59:49 -04:00
clock.png	first version	2008-07-18 11:34:13 -04:00
CNAME	Added GitHub Pages support	2009-07-17 13:43:44 -04:00
Gemfile	Updated rake tasks to automatically compile CoffeeScript	2011-09-23 16:59:49 -04:00
Gemfile.lock	Updated rake tasks to automatically compile CoffeeScript	2011-09-23 16:59:49 -04:00
index.html	Upped jquery to 1.7.1 in the examples and test suite	2011-12-14 09:21:18 -05:00
jquery.timeago.js	Merge remote-tracking branch 'eggli/master'	2012-03-03 15:18:27 -05:00
public	Public symlink for easier pow.cx linkage	2011-12-14 09:16:52 -05:00
Rakefile	Fixed rakefile	2011-09-23 17:03:13 -04:00
README.markdown	Updated the README to show correct markup for the activation script.	2012-02-21 08:41:45 +01:00

README.markdown

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:

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.timeago.js" type="text/javascript"></script>

Now, let's attach it to your timestamps on DOM ready - put this in the head section:

<script type="text/javascript">
   jQuery(document).ready(function() {
     $("abbr.timeago").timeago();
   });
</script>

This will turn all abbr elements with a class of timeago and an ISO 8601 timestamp in the title:

<abbr class="timeago" title="2008-07-17T09:24:17Z">July 17, 2008</abbr>

into something like this:

<abbr class="timeago" title="July 17, 2008">about 1 day ago</abbr>

As time passes, the timestamps will automatically update.

For more usage and examples: http://timeago.yarp.com/

For different language configurations: http://gist.github.com/6251

Author

Ryan McGeary (@rmm5t)

Other

MIT License