Jquery Timeago

🕗 The original jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago").
Alternatives To Jquery Timeago
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Jquery Timeago3,8151613 years ago49April 23, 201946mitJavaScript
:clock8: The original jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago").
Jquery Timepicker1,849103123 months ago43September 26, 202219mitJavaScript
A javascript timepicker plugin for jQuery inspired by Google Calendar.
Datepair.js3552116 months ago7April 22, 20219JavaScript
A javascript plugin for intelligently selecting date and time ranges, inspired by Google Calendar.
204 years agoJuly 27, 201461JavaScript
jQuery plugin to show time since or time until a specific time
Rails Timeago2145835a year ago43March 04, 20223mitRuby
A Rails helper for time tags that can be used with the jQuery Timeago plugin.
Jquerytimeautocomplete11614 years ago1November 05, 20182otherJavaScript
jQuery autocomplete plugin that works with times. Works basically the same as Google Calendars time input when you add an event. Example: http://7shifts.com/better-time-drop-downs-jquery-timeautocomplete/
8 years ago4mitJavaScript
jQuery schedule time picker plugin
7 years ago4JavaScript
jQuery clock plugin - display 12-hour or 24-hour time notation, local or UTC time.
Jquery Runner52
13 years ago1March 04, 201412mitCoffeeScript
A runner/stopwatch plugin for jQuery
Nodejs Socketio Chat App33
4 years agomitJavaScript
MEAN Stack & Socket.IO Real-time Chat App | A MEAN stack based Real Time chat application
Alternatives To Jquery Timeago
Select To Compare

Alternative Project Comparisons

timeago: a jQuery plugin

NPM Bower

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).


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() {

This will turn all <time> elements with a class of timeago and a datetime attribute formatted according to the ISO 8601 standard:

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

into something like this:

<time class="timeago" datetime="2011-12-17T09:24:17Z" title="December 17, 2011">about 1 day ago</time>

<abbr> elements (or any other HTML 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):

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

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:

$("time#some_id").timeago("update", "2013-12-17T09:24:17Z");
// or
$("time#some_id").timeago("update", new Date());

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

For different language configurations: visit the locales directory.


cutoff : Return the original date if time distance is older than cutoff (miliseconds).

// Display original dates older than 24 hours
jQuery.timeago.settings.cutoff = 1000*60*60*24;


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
... ...


Ryan McGeary (@rmm5t)


MIT License

Popular Jquery Projects
Popular Time Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.