js显示世界时间示例(包括世界各大城市)
本文实例讲述了js显示世界时间的方法。分享给大家供大家参考，具体如下：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>世界时间，JS网页特效</TITLE>
</HEAD>
<bodybgcolor="#ffffff"onLoad="javascript:GetTime();">
<SCRIPTLANGUAGE="JavaScript">
<!--Begin
functionGetTime(){
vardt=newDate();
vardef=dt.getTimezoneOffset()/60;
vargmt=(dt.getHours()+def);
document.clock.local.value=(IfZero(dt.getHours())+":"+IfZero(dt.getMinutes())+":"+IfZero(dt.getSeconds()));
varending=":"+IfZero(dt.getMinutes())+":"+IfZero(dt.getSeconds());
varrome=check24(((gmt+1)>24)?((gmt+1)-24):(gmt+1));
document.clock.rome.value=(IfZero(rome)+ending);
varisr=check24(((gmt+2)>24)?((gmt+2)-24):(gmt+2));
document.clock.Israel.value=(IfZero(isr)+ending);
varmsw=check24(((gmt+3)>24)?((gmt+3)-24):(gmt+3));
document.clock.msw.value=(IfZero(msw)+ending);
varbaku=check24(((gmt+4)>24)?((gmt+4)-24):(gmt+4));
document.clock.baku.value=(IfZero(baku)+ending);
vardel=check24(((gmt+5)>24)?((gmt+5)-24):(gmt+5));
document.clock.del.value=(IfZero(del)+ending);
vardh=check24(((gmt+6)>24)?((gmt+6)-24):(gmt+6));
document.clock.dh.value=(IfZero(dh)+ending);
varkok=check24(((gmt+7)>24)?((gmt+7)-24):(gmt+7));
document.clock.kok.value=(IfZero(kok)+ending);
varho=check24(((gmt+8)>24)?((gmt+8)-24):(gmt+8));
document.clock.ho.value=(IfZero(ho)+ending);
vartky=check24(((gmt+9)>24)?((gmt+9)-24):(gmt+9));
document.clock.tky.value=(IfZero(tky)+ending);
varsdn=check24(((gmt+10)>24)?((gmt+10)-24):(gmt+10));
document.clock.sdn.value=(IfZero(sdn)+ending);
varmag=check24(((gmt+11)>24)?((gmt+11)-24):(gmt+11));
document.clock.mag.value=(IfZero(mag)+ending);
varwll=check24(((gmt+12)>24)?((gmt+12)-24):(gmt+12));
document.clock.wll.value=(IfZero(wll)+ending);
var_GMT=check24(((gmt)>24)?((gmt)-24):(gmt));
document.clock._GMT.value=(IfZero(_GMT)+":"+IfZero(dt.getMinutes())+":"+IfZero(dt.getSeconds()));
vareniw=check24(((gmt+(24-12))>24)?((gmt+(24-12))-24):(gmt+(24-12)));
document.clock.eniw.value=(IfZero(eniw)+ending);
varsam=check24(((gmt+(24-11))>24)?((gmt+(24-11))-24):(gmt+(24-11)));
document.clock.sam.value=(IfZero(sam)+ending);
varhaw=check24(((gmt+(24-10))>24)?((gmt+(24-10))-24):(gmt+(24-10)));
document.clock.Hawaii.value=(IfZero(haw)+ending);
varala=check24(((gmt+(24-9))>24)?((gmt+(24-9))-24):(gmt+(24-9)));
document.clock.alaska.value=(IfZero(ala)+ending);
varpacif=check24(((gmt+(24-8))>=24)?((gmt+(24-8))-24):(gmt+(24-8)));
document.clock.pacif.value=(IfZero(pacif)+ending);
varmount=check24(((gmt+(24-7))>24)?((gmt+(24-7))-24):(gmt+(24-7)));
document.clock.mount.value=(IfZero(mount)+ending);
varcenter=check24(((gmt+(24-6))>24)?((gmt+(24-6))-24):(gmt+(24-6)));
document.clock.center.value=(IfZero(center)+ending);
vareast=check24(((gmt+(24-5))>24)?((gmt+(24-5))-24):(gmt+(24-5)));
document.clock.east.value=(IfZero(east)+ending);
varatl=check24(((gmt+(24-4))>24)?((gmt+(24-4))-24):(gmt+(24-4)));
document.clock.atl.value=(IfZero(atl)+ending);
varbra=check24(((gmt+(24-3))>24)?((gmt+(24-3))-24):(gmt+(24-3)));
bra=(bra>=24)?bra-24:bra;
document.clock.bra.value=(IfZero(bra)+ending);
varmid=check24(((gmt+(24-2))>24)?((gmt+(24-2))-24):(gmt+(24-2)));
mid=(mid>=24)?mid-24:mid;
document.clock.mid.value=(IfZero(mid)+ending);
varazo=check24(((gmt+(24-1))>24)?((gmt+(24-1))-24):(gmt+(24-1)));
azo=(azo>=24)?azo-24:azo;
document.clock.azo.value=(IfZero(azo)+ending);
setTimeout("GetTime()",1000);
}
functionIfZero(num){
return((num<=9)?("0"+num):num);
}
functioncheck24(hour){
return(hour>=24)?hour-24:hour;
}
//End-->
</script>
<formname="clock">
<strong>LocalTime<inputtype="text"size="8"name="local"></strong>
<p>
埃尼威托克岛(GMT-12)<inputtype="text"size="8"name="eniw"><br>
萨摩亚群岛(GMT-11)<inputtype="text"size="8"name="sam"><br>
夏威夷(GMT-10)<inputtype="text"size="8"name="Hawaii">
<p>
阿拉斯加(GMT-9)<inputtype="text"size="8"name="alaska"><br>
太平洋时间(GMT-8)<inputtype="text"size="8"name="pacif"><br>
山脉时间(GMT-7)<inputtype="text"size="8"name="mount">
<p>
中央标准时间(GMT-6)<inputtype="text"size="8"name="center"><br>
东部时间(GMT-5)<inputtype="text"size="8"name="east"><br>
大西洋时间(GMT-4)<inputtype="text"size="8"name="atl">
<p>
Brazilia(GMT-3)<inputtype="text"size="8"name="bra"><br>
大西洋中部时间(GMT-2)<inputtype="text"size="8"name="mid"><br>
亚述尔群岛(GMT-1)<inputtype="text"size="8"name="azo">
<p>
<strong>格林尼治标准时间(GMT)<inputtype="text"size="8"name="_GMT"></strong>
<p>
罗马(GMT+1)<inputtype="text"size="8"name="rome"><br>
以色列(GMT+2)<inputtype="text"size="8"name="Israel"><br>
莫斯科(GMT+3)<inputtype="text"size="8"name="msw">
<p>
巴库(GMT+4)<inputtype="text"size="8"name="baku"><br>
NewDelhi(GMT+5)<inputtype="text"size="8"name="del"><br>
Dhakar(GMT+6)<inputtype="text"size="8"name="dh">
<p>
曼谷(GMT+7)<inputtype="text"size="8"name="kok"><br>
香港(GMT+8)<inputtype="text"size="8"name="ho"><br>
东京(GMT+9)<inputtype="text"size="8"name="tky">
<p>
悉尼(GMT+10)<inputtype="text"size="8"name="sdn"><br>
Magadan(GMT+11)<inputtype="text"size="8"name="mag"><br>
惠灵顿(GMT+12)<inputtype="text"size="8"name="wll">
</form>
</BODY>
</HTML>
对JavaScript时间与日期显示感兴趣的朋友还可以参看本站在线工具：
在线世界各地时间查询
在线万年历日历
网页万年历日历
更多关于JavaScript相关内容可查看本站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。