Displaying Author Local Time

2. Get the Script

The first step in using this script is to select the code from the text box below (there is a highlight all button beneath it to make this easier) and copy it into a file called mytime.js.

// display current time at author location // ======================================= // copyright Stephen Chapman, Felgall Pty Ltd, 11 July 2001, 25th November 2004 // http://www.felgall.com/ and http://javascript.about.com/ // permission is given to use this script // provided that all comment lines in the script are retained function myTime() { var dst = 0; // set to 1 for daylight savings time // update this as you go on and off daylight saving time var loc = 'Sydney, Australia'; // set to your location var mtz = 10; // set to your local timezone (hours ahead of UTC, negative if behind) var stdz = 'AEST'; // standard time indicator var dayz = 'ADST'; // daylight saving time indicator (blank if you dont have daylight saving) // do not alter anything below this line document.writeln('The time in ' + loc + ' is <span id="time">' + setDsp(mtz,dst,stdz,dayz) + '<\/span>'); if (DOMsupported) setTimeout('updDsp('+mtz+',' +dst+',"' +stdz+'","' +dayz+'")', 5000); } var DOMsupported = 0;var standardDOMsupported = 0;var ieDOMsupported = 0; if (document.getElementById) { standardDOMsupported = 1; DOMsupported = 1;} else { if (document.all) {ieDOMsupported = 1; DOMsupported = 1;} } function findDOM(objectId) { if (standardDOMsupported) {return (document.getElementById(objectId));} if (ieDOMsupported) {return (document.all[objectId]);} } function updDsp(mtz,dst,stdz,dayz) { var obj = findDOM('time'); obj.innerHTML = setDsp(mtz,dst,stdz,dayz); setTimeout('updDsp('+mtz+ ','+dst+ ',"'+stdz+ '","'+dayz+ '")', 5000); } function setDsp(mtz,dst,stdz,dayz) { var dayname = new Array ('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday','Friday', 'Saturday', 'Sunday'); var now = new Date; now.setUTCMinutes(now.getUTCMinutes() + (mtz + dst)*60); var dow = now.getUTCDay(); var minute = now.getUTCMinutes(); var hour = now.getUTCHours(); if (hour > 11) {ampm = 'PM'; hour -= 12;} else {ampm = 'AM'} if (hour == 0) {hour = 12;} if (minute < 10) {pad = ':0';} else {pad = ':';} var txt = hour + pad + minute + ' ' + ampm + ' ('; if (dst) txt += dayz; else txt += stdz; txt += ') on ' + dayname[dow]; return (txt); }

You next attach the script into your web page that you wish to display your timezone information on by adding the following code into the head section of your page.

You also need to add the following code (exactly as shown) into the body section where you want your location and local time to be displayed.

The next step is to Configure the Script to work with your local timezone.

Note that the script and the descriptions of the functions that it contains are rewritten from the "Ask Felgall" website with the permission of the copyright owner.

Free JavaScript Newsletter!Sign Up