Drop Down World Clock

Description: Look up the time of various cities around the world easily with this useful script! Configurable to use cities of your choice. Note: Portions of script by Kurt Grigg.

Example:

<table border="0" width="200" cellspacing="0" cellpadding="3"><form name="where">  <tr>
    <td width="100%"><br />
<select name="city" size="1" onchange="updateclock(this);"> <br />
<option value="" selected>Local time</option><br />
<option value="0">London GMT</option> <br />
<option value="1">Rome</option><br />
<option value="7">Bangkok</option><br />
<option value="8">Hong Kong</option><br />
<option value="9">Tokyo</option> <br />
<option value="10">Sydney</option><br />
<option value="12">Fiji</option><br />
<option value="-10">Hawaii</option><br />
<option value="-8">San Francisco</option> <br />
<option value="-5">New York</option><br />
<option value="-3">Buenos Aires</option><br />
</select><br />
<br />
</td>
  </tr>
  <tr>
    <td width="100%"><br />
<script language="JavaScript">

/*
Drop Down World Clock- By All thing For Website Designer (http://www.allthingforwebsitedesigner.blogspot.com)
Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascript
This credit notice must stay intact
*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br />')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}

setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script><br />
<br />
<br />
<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer><br />
This free script provided by <a href="http://allthingforwebsitedesigner.blogspot.com/" rel="All Thing For Website Designer"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4AVmZFL0elOLDRS7lx25bbJDfnkIoIWsN1uNDPpj3qj3J4OjpwGQzR7Ixo-J2wxIiiWQBFG3Um3xeRJRsyH5Dn2dll5nBTi84mzSGKCdfLnHITqRkaqbkiySm9NHpK6r_6DIvfn4_6mY/s128/cooltext500986594.gif" alt="Scripts And Website Designing" /></a><br />
</td>
</form>  </tr>
</table>

Donate Now

Respected Readers:
Respected Readers: As a 21 year old student, the only income I rely on is my pocket money. Bearing the running costs of MBT Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward with the same spirit, a small contribution from your side will highly be appreciated.

Kindly Bookmark this Post using your favorite Bookmarking service: