本文实例讲述了js显示世界时间的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>世界时间,JS网页特效</TITLE> </HEAD> <body bgcolor="#ffffff" onLoad="javascript:GetTime();"> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function GetTime() { var dt = new Date(); var def = dt.getTimezoneOffset()/60; var gmt = (dt.getHours() + def); document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds())); var ending = ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()); var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1)); document.clock.rome.value = (IfZero(rome) + ending); var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2)); document.clock.Israel.value = (IfZero(isr) + ending); var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3)); document.clock.msw.value = (IfZero(msw) + ending); var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4)); document.clock.baku.value = (IfZero(baku) + ending); var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5)); document.clock.del.value = (IfZero(del) + ending); var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6)); document.clock.dh.value = (IfZero(dh) + ending); var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7)); document.clock.kok.value = (IfZero(kok) + ending); var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) - 24) : (gmt + 8)); document.clock.ho.value = (IfZero(ho) + ending); var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9)); document.clock.tky.value = (IfZero(tky) + ending); var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) - 24) : (gmt + 10)); document.clock.sdn.value = (IfZero(sdn) + ending); var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11)); document.clock.mag.value = (IfZero(mag) + ending); var wll =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())); var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) - 24) : (gmt + (24-12))); document.clock.eniw.value = (IfZero(eniw) + ending); var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11)) - 24) : (gmt + (24-11))); document.clock.sam.value = (IfZero(sam) + ending); var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10))); document.clock.Hawaii.value = (IfZero(haw) + ending); var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) - 24) : (gmt + (24-9))); document.clock.alaska.value = (IfZero(ala) + ending); var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8))); document.clock.pacif.value = (IfZero(pacif) + ending); var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7))); document.clock.mount.value = (IfZero(mount) + ending); var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6))); document.clock.center.value = (IfZero(center) + ending); var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5))); document.clock.east.value = (IfZero(east) + ending); var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4))); document.clock.atl.value = (IfZero(atl) + ending); var bra =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); var mid =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); var azo =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); } function IfZero(num) { return ((num <= 9) ? ("0" + num) : num); } function check24(hour) { return (hour >= 24) ? hour - 24 : hour; } // End --> </script> <form name="clock"> <strong>Local Time <input type="text" size="8" name="local"></strong> <p> 埃尼威托克岛 (GMT-12) <input type="text" size="8" name="eniw"><br> 萨摩亚群岛 (GMT-11) <input type="text" size="8" name="sam"><br> 夏威夷 (GMT-10) <input type="text" size="8" name="Hawaii"> <p> 阿拉斯加 (GMT-9) <input type="text" size="8" name="alaska"><br> 太平洋时间 (GMT-8) <input type="text" size="8" name="pacif"><br> 山脉时间 (GMT-7) <input type="text" size="8" name="mount"> <p> 中央标准时间 (GMT-6) <input type="text" size="8" name="center"><br> 东部时间 (GMT-5) <input type="text" size="8" name="east"><br> 大西洋时间 (GMT-4) <input type="text" size="8" name="atl"> <p> Brazilia (GMT-3) <input type="text" size="8" name="bra"><br> 大西洋中部时间(GMT-2) <input type="text" size="8" name="mid"><br> 亚述尔群岛 (GMT-1) <input type="text" size="8" name="azo"> <p> <strong>格林尼治标准时间 (GMT) <input type="text" size="8" name="_GMT"></strong> <p> 罗马 (GMT +1) <input type="text" size="8" name="rome"><br> 以色列 (GMT +2) <input type="text" size="8" name="Israel"><br> 莫斯科 (GMT +3) <input type="text" size="8" name="msw"> <p> 巴库 (GMT +4) <input type="text" size="8" name="baku"><br> New Delhi (GMT +5) <input type="text" size="8" name="del"><br> Dhakar (GMT +6) <input type="text" size="8" name="dh"> <p> 曼谷 (GMT +7) <input type="text" size="8" name="kok"><br> 香港 (GMT +8) <input type="text" size="8" name="ho"><br> 东京 (GMT +9) <input type="text" size="8" name="tky"> <p> 悉尼 (GMT +10) <input type="text" size="8" name="sdn"><br> Magadan (GMT +11) <input type="text" size="8" name="mag"><br> 惠灵顿 (GMT +12) <input type="text" size="8" name="wll"> </form> </BODY> </HTML>
对JavaScript时间与日期显示感兴趣的朋友还可以参看本站在线工具:
在线世界各地时间查询
在线万年历日历
网页万年历日历
更多关于JavaScript相关内容可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
动态加载JavaScript文件的两种方法
这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法,感兴趣的小伙伴们可以参考一下第一种便是利用ajax方式,把script文件代码从背景加载
IE和Firefox之间在JavaScript语法上的差异
尽管JavaScript历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用
JavaScript中数组去除重复的三种方法
废话不多说了,具体方法如下所示:方法一:返回新数组每个位子类型没变functionoutRepeat(a){varhash=[],arr=[];for(vari=0;ia.length;i++){hash[a[i]]!=null;if(!hash[a[i]]){arr.p