JavaScript世界时万年历

最新推荐文章于 2025-11-24 02:17:16 发布

原创最新推荐文章于 2025-11-24 02:17:16 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #calendar #date #button #border

JavaScript 专栏收录该内容

0 篇文章

订阅专栏

这是一个改进版的JavaScript万年历插件，可以显示公历和农历日期、节日及节气等信息。插件考虑了不同浏览器的兼容性，并针对非IE浏览器进行了优化，移除了世界地图随时间变化的功能。

改进的JavaScript世界时万年历

很好的万年历，但不知道原作者是谁，可惜在非IE下运行出问题

为了在非IE下运行，只能去掉世界地图能随时区改变而转动的功能。

夏令时实在搞不懂，就算了。以不出错，美观为原则，有时间继续改进。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>万年历查询</TITLE> <META content="农历; 阳历; 月历; 节日; 时区; 节气; 八字; 干支; 生肖; gregorian solar; chinese lunar; calendar;" name=keywords> <META content=All name=robots> <META content="gregorian solar calendar and chinese lunar calendar" name=description> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <STYLE type=text/css> P { FONT-SIZE: 9pt; FONT-FAMILY: 宋体 } TD { FONT-SIZE: 9pt; FONT-FAMILY: 宋体,simsun } A:link { COLOR: #000000; TEXT-DECORATION: none } A:visited { COLOR: #000000; TEXT-DECORATION: none } A:active { COLOR: green; TEXT-DECORATION: none } A:hover { COLOR: red; TEXT-DECORATION: underline } </STYLE> <SCRIPT language=JavaScript>  </SCRIPT> <SCRIPT language=VBScript>  </SCRIPT> <STYLE> .todyaColor { BACKGROUND-COLOR: aqua } .style1 {font-family: Verdana, Arial, Helvetica, sans-serif} </STYLE> <META content="MSHTML 6.00.2900.3059" name=GENERATOR></HEAD> <BODY leftMargin=0 topMargin=0 onload=initial()>  <SCRIPT language=JavaScript> lck=0; function r(hval) { if ( lck == 0 ) { document.bgColor=hval; } } </SCRIPT> <DIV id=detail style="POSITION: absolute" mce_style="POSITION: absolute"></DIV> <CENTER> <br><br> <FORM name=CLD> <TABLE> <TBODY> <TR> <TD vAlign=top align=middle width=250px><BR> <FONT style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" size=2>本机时间:</FONT><BR> <FONT id=Clock face=Arial color=#000080 size=4 align="center"></FONT> <P>  <FONT style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" size=2> <SELECT style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onchange=changeTZ() name=TZ> <OPTION value="-1200 安尼威土克、瓜甲兰">国际换日线 <OPTION value="-1100 中途岛、萨摩亚群岛">萨摩亚 <OPTION value="-1000 夏威夷">夏威夷 <OPTION value="-0900*阿拉斯加">阿拉斯加 <OPTION value="-0800*太平洋时间(美加)、提亚纳">太平洋 <OPTION value="-0700*亚历桑那">美国山区 <OPTION value="-0700*山区时间(美加)">美加山区 <OPTION value="-0600*萨克其万(加拿大)">加拿大中部 <OPTION value="-0600*墨西哥市、塔克西卡帕">墨西哥 <OPTION value="-0600*中部时间(美加)">美加中部 <OPTION value="-0500*波哥大、里玛">南美洲太平洋 <OPTION value="-0500*东部时间(美加)">美加东部 <OPTION value="-0500*印第安纳(东部)">美东 <OPTION value="-0400*加拉卡斯、拉帕兹">南美洲西部 <OPTION value="-0400*大西洋时间加拿大)">大西洋 <OPTION value="-0330 新岛(加拿大东岸)">纽芬兰 <OPTION value="-0300 波西尼亚">东南美洲 <OPTION value="-0300 布鲁诺斯爱丽斯、乔治城">南美洲东部 <OPTION value="-0200*大西洋中部">大西洋中部 <OPTION value="-0100*亚速尔群岛、维德角群岛">亚速尔 <OPTION value="+0000 格林威治时间、都柏林、爱丁堡、伦敦">英国夏令 <OPTION value="+0000 莫洛维亚(赖比瑞亚)、卡萨布兰卡">格林威治标准 <OPTION value="+0100 巴黎、马德里">罗马 <OPTION value="+0100 布拉格, 华沙, 布达佩斯">中欧 <OPTION value="+0100 柏林、斯德哥尔摩、罗马、伯恩、布鲁赛尔、维也纳">西欧 <OPTION value="+0200 以色列">以色列 <OPTION value="+0200*东欧">东欧 <OPTION value="+0200*开罗">埃及 <OPTION value="+0200*雅典、赫尔辛基、伊斯坦堡">GFT <OPTION value="+0200*赫拉雷、皮托里">南非 <OPTION value="+0300*巴格达、科威特、奈洛比(肯亚)、里雅德(沙乌地)">沙乌地阿拉伯 <OPTION value="+0300*莫斯科、圣彼得堡、贺占、窝瓦格瑞德">俄罗斯 <OPTION value="+0330*德黑兰">伊朗 <OPTION value="+0400*阿布达比(东阿拉伯)、莫斯凯、塔布理斯(乔治亚共和)">阿拉伯 <OPTION value="+0430*喀布尔">阿富汗 <OPTION value="+0500 伊斯兰马巴德、克洛奇、伊卡特林堡、塔须肯">西亚 <OPTION value="+0530 孟买、加尔各答、马垂斯、新德里、可伦坡">印度 <OPTION value="+0600 阿马提、达卡">中亚 <OPTION value="+0700 曼谷、亚加达、胡志明市">曼谷 <OPTION value="+0800 北京、重庆、黑龙江">中国 <OPTION value="+0900 东京、大阪、扎幌、汉城、亚库兹(东西伯利亚)" selected>东京 <OPTION value="+0930 达尔文">澳洲中部 <OPTION value="+1000 布里斯本、墨尔本、席德尼">席德尼 <OPTION value="+1000 霍巴特">塔斯梅尼亚 <OPTION value="+1000 关岛、莫斯比港、海威">西太平洋 <OPTION value="+1100*马哥大、所罗门群岛、新卡伦多尼亚">太平洋中部 <OPTION value="+1200 威灵顿、奥克兰">纽西兰 <OPTION value="+1200 斐济、肯加塔、马歇尔群岛">斐济 </SELECT> 时间 </FONT><BR><BR> <FONT id=Clock2 face=Arial color=#000080 size=4 align="center"></FONT><BR> <FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings" mce_style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">û</FONT><BR> <FONT id=CITY style="FONT-SIZE: 9pt; WIDTH: 150px; COLOR: blue; FONT-FAMILY: '新细明体'"></FONT> </P> </TD> <TD align=middle> <DIV style="Z-INDEX: -1; POSITION: absolute; TOP: 85px; left: 372px; height: 163px;"> <FONT id=YMBG style="FONT-SIZE: 90pt; COLOR: #f0f0f0; FONT-FAMILY: 'Arial Black'" mce_style="FONT-SIZE: 90pt; COLOR: #f0f0f0; FONT-FAMILY: 'Arial Black'"> 0000<BR> JUN</FONT> </DIV> <TABLE border=0> <TBODY> <TR> <TD bgColor=#000080 colSpan=7><FONT style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" color=#ffffff size=2>公历 <SELECT style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onchange=changeCld() name=SY> <SCRIPT language=JavaScript> </SCRIPT> </SELECT> 年 <SELECT style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onchange=changeCld() name=SM> <SCRIPT language=JavaScript></SCRIPT> </SELECT> 月 </FONT><FONT id=GZ face=标楷体 color=yellow size=3></FONT><BR></TD> </TR> <TR align=middle bgColor=#e0e0e0> <TD width=54><FONT color=red>日</FONT></TD> <TD width=54>一</TD> <TD width=54>二</TD> <TD width=54>三</TD> <TD width=54>四</TD> <TD width=54>五</TD> <TD width=54><FONT color=green>六</FONT></TD> </TR> <SCRIPT language=JavaScript></SCRIPT> </TBODY> </TABLE></TD> <TD vAlign=top align=middle width=40><BR> <BR> <BR> <BR> <BUTTON style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onClick="pushBtm('YU')">年↑</BUTTON> <BR> <BUTTON style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onClick="pushBtm('YD')">年↓</BUTTON> <P> <BUTTON style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onclick="pushBtm('MU')">月↑</BUTTON> <BR> <BUTTON style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onclick="pushBtm('MD')">月↓</BUTTON> <P> <BUTTON style="FONT-SIZE: 9pt" mce_style="FONT-SIZE: 9pt" onClick="pushBtm('')">今日</BUTTON> </TD> </TR> </TBODY> </TABLE> </FORM> </CENTER> </BODY></HTML>