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).
How You Can Help
If you like this project, buy me a coffee, or book a session with me, or donate bitcoin: 1rmm5tv6f997JK5bLcGbRCZyVjZUPkQ2m
Usage
First, load jQuery and the plugin:
Now, let's attach it to your timestamps on DOM ready - put this in the head section:
This will turn all <time>
elements with a class of timeago
and a
datetime
attribute formatted according to the
ISO 8601 standard:
December 17, 2011
into something like this:
about 1 day ago
<abbr>
elements are also supported (this is for
legacy microformat support
and was originally supported by the library before the time
element was
introduced to HTML5):
December 17, 2011
As time passes, the timestamps will automatically update.
If you want to update a timestamp programatically later, call the update
function with a new ISO8601 timestamp of Date
object. For example:
;// or;
For more usage and examples: http://timeago.yarp.com/
For different language configurations: visit the locales
directory.
Settings
cutoff
: Return the original date if time distance is older than cutoff
(miliseconds).
// Display original dates older than 24 hoursjQuerytimeagosettingscutoff = 1000*60*60*24;
Changes
Version | Notes |
---|---|
1.6.x | (compare) Wraped locales in UMD wrappers; locale improvements |
1.5.x | (compare) Added Date as argument to update function; locales |
1.4.x | (compare) Added allowPast setting; locale updates |
1.3.x | (compare) Added updateFromDOM function; bug fixes; bower support |
1.2.x | (compare) Added cutoff setting; locale updates |
1.1.x | (compare) Added update function; locale updates |
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 |
... | ... |