Drop Down Clock Java Script

Tuesday, July 19, 2011

Drop Down Clock Java Script

Drop Down Clock Java Script

This script allows you to show the current time of different cities in drop down format on any page of your site.Just copy past the code given below..

Java Script In Action:

HTML Code

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

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

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 height="35" id="worldclockns" width="100%"><layer height="35" id="worldclockns2" left="0" style="font: bold 16px Arial;" top="0" width="100%"></layer></ilayer></td> </tr>
</tbody> </form></table>

Tuesday, July 19, 2011

Drop Down Clock Java Script

Change The Language

Be A Part Of Web Loverz

Sponsors

Top Rated

Latest Updates

Poular Clicks

Join Web Loverz

Get Our Latest Updates
Enter your email address: