الكود:
<form name="where">
<table border="0" width="200" cellspacing="0" cellpadding="3">
<tr>
<td width="100%">
<select name="city" size="1" onchange="updateclock(this);">
<option selected>التوقيت المحلي</option>
<option value="3">السعودية</option>
<option value="4">الإمارات</option>
<option value="3">الكويت</option>
<option value="3">لبنان</option>
<option value="4">عمان</option>
<option value="3">قطر</option>
<option value="3">مصر</option>
<option value="0">المغرب</option>
<option value="1">تونس</option>
<option value="3">السودان</option>
<option value="0">لندن</option>
<option value="1">روما</option>
<option value="7">بانكوك</option>
<option value="8">هونكغ كونغ</option>
<option value="9">طوكيو</option>
<option value="10">سيدني</option>
<option value="12">فوجي</option>
<option value="-10">هاواي</option>
<option value="-8">سان فرانسيسكو</option>
<option value="-5">نيويورك</option>
</select>
</td>
</tr>
<tr>
<td width="100%">
<script language="JavaScript">
/*
Drop Down World Clock- By JavaScript Kit (http://www.javascriptkit.com)
Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascript
This credit notice must stay intact
Visit our site at http://java.bdr130.net/ for more code
*/
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>
<!--Place holder for NS4 only-->
<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>
</td></tr></table></form>