http://www.dev411.com/blog/2007/02/05/displaying-dates-and-times-using-javascript en-us 40 John Wang on Technology <p>Some considerations when displaying dates and times on a website include showing delta times, customized timezones and caching. Often it's nice to show a delta time like "10 minutes ago" or "5 days ago" to give readers a frame of reference instead of an absolute date. When the date is far enough in the past and an absolute date becomes desired, customizing the date to the user's timezone is useful. And if your site grows large enough that caching becomes useful, finding a way to display customized deltas and timezone information in a cacheable static page becomes an ideal solution.</p> <p>JavaScript is an ideal solution for all three issues. With JavaScript you can place an absolute date in the web page and have the JS dynamically update it when the page is loaded. This can be used to calculate delta times and accommodate timezones as well. The result is that the page can embed the same date every time and thus becomes more cache-friendly.</p> <p>The <a href="http://typosphere.org">Typo</a> blog engine (which runs this blog) comes with a useful MIT-licensed JavaScript in it's <a href="http://trac.typosphere.org/browser/trunk/public/javascripts/typo.js">typo.js</a> script. Just copy three of the JS date/time functions, wrap your dates with spans (using the appropriate class name and absolute date in the span title) and then call <span class="fix">show_dates_as_local_time()</span> when your page is finished loading. The two other functions you'll need are <span class="fix">get_local_time_for_date(time)</span> and <span class="fix">distance_of_time_in_words(minutes)</span>. This is what I did for <a href="http://planet.catalystframework.org/">Planet Catalyst</a>'s <a href="http://plagger.org">Plagger</a> theme a while back.</p> <p>Although it's pretty easy to accommodate timezones, the Typo script doesn't do that. I've done this for some projects and might post some code in the future but it's not hard.</p> <p>Customization and cacheability, two great advantages for using JavaScript to handle dates and times.</p> Mon, 05 Feb 2007 18:28:00 -0600 urn:uuid:f3906b2c-8ae7-4b4c-a5b6-bc1bd25f1746 John Wang http://www.dev411.com/blog/2007/02/05/displaying-dates-and-times-using-javascript scalability typo javascript dhtml datetime <p>How to display real time dynamically using java script code</p> <p>By Jeyasree</p> Mon, 19 May 2008 23:00:42 -0500 urn:uuid:74046b38-f636-4f58-b8e6-c3c4589a600d http://www.dev411.com/blog/2007/02/05/displaying-dates-and-times-using-javascript#comment-246 <p>Hello. I did something similar for Blogger (but it can be used generally):</p> <p><a href="http://hype-free.blogspot.com/2006/12/my-time.html" rel="nofollow">http://hype-free.blogspot.com/2006/12/my-time.html</a></p> Tue, 03 Apr 2007 01:37:43 -0500 urn:uuid:8388d280-3be6-4e93-a72e-c0952cb26fa5 http://www.dev411.com/blog/2007/02/05/displaying-dates-and-times-using-javascript#comment-167