说明: 多种地域的时间显示
效果: 点这里在新窗口中看效果！
代码:
要完成此效果需要三个步骤 第一步：把如下代码加入到< head >区域中 <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> 第二步：把如下代码加入到< body >区域中 <center> <form name="clock"> <strong> 本地时间 <input type="text" size="8" name="local"></strong> <p> Eniwetok (GMT-12) <input type="text" size="8" name="eniw"><br> Samoa (GMT-11) <input type="text" size="8" name="sam"><br> Hawaii (GMT-10) <input type="text" size="8" name="Hawaii"> <p> Alaska (GMT-9) <input type="text" size="8" name="alaska"><br> Pacific Time (GMT-8) <input type="text" size="8" name="pacif"><br> Mountain Time (GMT-7) <input type="text" size="8" name="mount"> <p> Central Time (GMT-6) <input type="text" size="8" name="center"><br> Eastern Time (GMT-5) <input type="text" size="8" name="east"><br> Atlantic Time (GMT-4) <input type="text" size="8" name="atl"> <p> Brazilia (GMT-3) <input type="text" size="8" name="bra"><br> Mid-Atlantic (GMT-2) <input type="text" size="8" name="mid"><br> Azores (GMT-1) <input type="text" size="8" name="azo"> <p> <strong>Greenwich Mean Time (GMT) <input type="text" size="8" name="_GMT"></strong><BR><BR><p align=right>[<b>1</b>] [<a href='E74_38488_2.htm'>2</a>] <a href="E74_38488_2.htm">下一页</a></p><br /></td> </tr> <tr> <td height="30" align="center">上一篇:<a href="E74_38489.htm">_网页特效_显示当前星期的起止日_ </a> 下一篇:<a href="E74_38487.htm">_网页特效_显示星期中包含的日期数_</a></td> </tr> </table> <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" class="bk1"> <tr> <td width="77%"><strong> 大部分文章摘自网上，如有侵犯您的权益请与我们联系，我们会第一时间进行处理，谢谢!</strong></td> <td width="23%" align="center">[ <a href="javascript:print()">打印文章</a> ] [ <a href="javascript:window.close()">关闭窗口</a> ] </td> </tr> </table> <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="33%" valign="top" style="padding:5px "><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="outborder"> <tr> <td class="tableback">推荐文章</td> </tr> <tr> <td valign="top" class="tabletk"> </td> </tr> </table></td> <td width="33%" valign="top" style="padding:5px "><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="outborder"> <tr> <td class="tableback">相关文章</td> </tr> <tr> <td valign="top" class="tabletk"> </td> </tr> </table></td> <td width="33%" valign="top" style="padding:5px "><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="outborder"> <tr> <td class="tableback">最新文章</td> </tr> <tr> <td valign="top" class="tabletk"> ·<a href="E74_37325.htm" title="加入收藏夹">加入收藏夹</a><br /> ·<a href="E74_38098.htm" title="利用全屏打开加重定窗口大小产生的无边框网页">利用全屏打开加重定窗口大小产生</a><br /> ·<a href="E74_38099.htm" title="设为首页">设为首页</a><br /> ·<a href="E74_38100.htm" title="去掉超链接的下划线">去掉超链接的下划线</a><br /> ·<a href="E74_38101.htm" title="自动刷新网页">自动刷新网页</a><br /> ·<a href="E74_38102.htm" title="刷新本页">刷新本页</a><br /> ·<a href="E74_38103.htm" title="返回到上一页">返回到上一页</a><br /> ·<a href="E74_38104.htm" title="跳出小窗口">跳出小窗口</a><br /> ·<a href="E74_38105.htm" title="自动关闭窗口">自动关闭窗口</a><br /> ·<a href="E74_38106.htm" title="给页面加保护">给页面加保护</a><br /> </td> </tr> </table></td> </tr> </table></td> </tr> </table> <script language="javascript" src="../Js/i_footer2.js"></script> <div id="r1" style="position:absolute; width:200px; height:600px; z-index:1; left: 780px; top: 15px;"> <table border="0" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF"> <tr> <td> <iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="200" height="30" src="http://unstat.baidu.com/bdun.bsc?tn=weiecn&csid=102&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=1&bd=1&bdas=0"> </iframe> </td> </tr> <tr> <td> <!-- Search Google --> <center> <form method="get" action="http://www.google.com/custom" target="google_window"> <table bgcolor="#ffffff"> <tr><td nowrap="nowrap" valign="top" align="left" height="32"> <a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a> <input type="text" name="q" size="8" maxlength="255" value=""></input> <input type="submit" name="sa" value="搜索"></input> <input type="hidden" name="client" value="pub-0295176447455782"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="ie" value="GB2312"></input> <input type="hidden" name="oe" value="GB2312"></input> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input> <input type="hidden" name="hl" value="zh-CN"></input> </td></tr></table> </form> </center> <!-- Search Google --></td> </tr> <tr> <td align="center"> <script type="text/javascript"><!-- google_ad_client = "pub-0295176447455782"; google_ad_width = 120; google_ad_height = 240; google_ad_format = "120x240_as_rimg"; google_cpa_choice = "CAAQ4cP8zwEaCFyqZHuqSKdeKKG_93M"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td> </tr> <tr> <td style="height:50px;overflow: hidden;"> <iframe src="http://union.3721.com/v2/box.htm?p=1006&a=2001&b=1003&m=400766&bw=200&tr=9&st=0" width=200 height=192 marginwidth=0 marginheight=0 FRAMEBORDER=0 SCROLLING=NO ></iframe> </td> </tr> <tr> <td> <script type="text/javascript"> var arrBaiduCproConfig=new Array(); arrBaiduCproConfig['uid'] = 114116; arrBaiduCproConfig['n'] = 'weiecncpr'; arrBaiduCproConfig['tm'] = 26; arrBaiduCproConfig['cm'] = 0; arrBaiduCproConfig['um'] = 0; arrBaiduCproConfig['rad'] = 1; arrBaiduCproConfig['w'] = 200; arrBaiduCproConfig['h'] = 90; arrBaiduCproConfig['bd'] = '#CC0000'; arrBaiduCproConfig['bg'] = '#ffffff'; arrBaiduCproConfig['tt'] = '#0000ff'; arrBaiduCproConfig['ct'] = '#000000'; arrBaiduCproConfig['url'] = '#666666'; arrBaiduCproConfig['bdl'] = '#ffffff'; arrBaiduCproConfig['wn'] = 1; arrBaiduCproConfig['hn'] = 4; arrBaiduCproConfig['ta'] = 'left'; arrBaiduCproConfig['tl'] = 'top'; arrBaiduCproConfig['bu'] = 0; </script> <script type="text/javascript" src="http://cpro.baidu.com/cpro/ui/ui.js"> </script> <script type="text/javascript"> <!-- document.write(baiduCproIFrame()); --> </script> </td> </tr> <tr> <td align="center"> <iframe marginwidth=0 marginheight=0 frameborder=0 bordercolor='#000000' scrolling=no src='http://fragment.union.sogou.com/preview.php?pid=weie_cn&pagetype=3&bc=%23FFFFFF&fc=&bb=0&bbc=&width=150' width=150 height=120></iframe> </td> </tr> <tr> <td bgcolor="#ECF8FF" align="center"> </td> </tr> </table> </div> <div id="r336" style="position:absolute; width:336px; height:280px; z-index:1; left: 410px; top: 242px; visibility: visible;"> <script type="text/javascript"><!-- google_ad_client = "pub-0295176447455782"; google_ad_width = 336; google_ad_height = 280; google_ad_format = "336x280_as"; google_ad_type = "text_image"; google_ad_channel ="6011319265"; google_color_border = "B0E0E6"; google_color_bg = "FFFFFF"; google_color_link = "000000"; google_color_url = "336699"; google_color_text = "333333"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <script language="javascript" src="../Js/i_atf.js"></script> <script language="javascript" src="../tj.asp?id=43546"></script> <script language="javascript" src="/j/c.asp"></script> </body> </html>
