mirror of https://github.com/scratchfoundation/jquery-timeago.git synced 2024-11-23 07:47: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

bryantlikes 5b7b9f7c85 Adding a knockout binding extension Simple knockout binding extension for knockout bindings with timeago and momentjs. Usage is <div data-bind='timeago: mytimeprop' />		2013-11-30 17:22:33 -08:00
locales	Moved jv locale to locales dir #147	2013-11-09 08:04:19 -05:00
test	Add tests for 'dispose' action	2013-07-30 12:25:56 -04:00
vendor/cache	Updated rake tasks to automatically compile CoffeeScript	2011-09-23 16:59:49 -04:00
.gitignore	Removed public symlink	2013-02-26 10:24:53 -05: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
index.html	Bumped version to 1.0.0	2013-01-21 10:33:20 -05:00
jquery.timeago.js	Merge pull request #131 from DvdGiessen/update-title-attr	2013-10-07 08:12:25 -07:00
LICENSE.txt	Added license file	2013-02-23 12:48:36 -05:00
Rakefile	Removed unused monitoring behavior from Rakefile	2013-03-06 09:44:42 -05:00
README.markdown	Bumped version to 1.3.0	2013-06-16 10:37:40 -04:00
timeago-koext.js	Adding a knockout binding extension	2013-11-30 17:22:33 -08:00
timeago.jquery.json	Bumped version to 1.3.0	2013-06-16 10:37:40 -04: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).

If you like this project, please help by donating.

Gittip: https://www.gittip.com/rmm5t/
Bitcoin: 1wzBnMjWVZfpiFMc5i2nzKT7sCBaZNfLK

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 (conforming to the datetime design pattern microformat):

<abbr class="timeago" title="2011-12-17T09:24:17Z">December 17, 2011</abbr>

into something like this:

<abbr class="timeago" title="December 17, 2011">about 1 day ago</abbr>

HTML5 <time> elements are also supported:

<time class="timeago" datetime="2011-12-17T09:24:17Z">December 17, 2011</time>

As time passes, the timestamps will automatically update.

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

For different language configurations: visit the locales directory.

Changes

Version	Notes
1.3.x	(compare) Added updateFromDOM function
1.2.x	(compare) Added cutoff setting
1.1.x	(compare) Added update function
1.0.x	(compare) locale updates; bug fixes; AMD wrapper
0.11.x	(compare) natural rounding; locale updates;
0.10.x	(compare) locale updates
0.9.x	(compare) microsecond support; bug fixes
0.8.x	(compare) `<time>` element support; bug fixes
0.7.x	(compare) locale function overrides; unit tests
...	...

Author

Ryan McGeary (@rmm5t)

Other

MIT License