简单实用的日历框效果,带有当前时间显示-JS特效-爱易网页

简单实用的日历框效果,带有当前时间显示

日期：2014-05-18　浏览次数：20191 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表

<script LANGUAGE="javascript" TYPE="text/javascript"> 
<!-- 
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) { 
this[0] = m0; 
this[1] = m1; 
this[2] = m2; 
this[3] = m3; 
this[4] = m4; 
this[5] = m5; 
this[6] = m6; 
this[7] = m7; 
this[8] = m8; 
this[9] = m9; 
this[10] = m10; 
this[11] = m11; 
} 
//more javascript from http://www.aiyiweb.com

function calendar() { 
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; 
var today = new Date(); 
var thisDay; 
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

year = today.getYear() + 1900; 
thisDay = today.getDate();

if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;

nDays = monthDays[today.getMonth()]; 
firstDay = today; 
firstDay.setDate(1); // works fine for most systems 
testMe = firstDay.getDate(); 
if (testMe == 2) firstDay.setDate(0); 
startDay = firstDay.getDay();

document.write('<table border="1" cellspacing="0" cellpadding="1" align="CENTER" bgcolor="red"><TR><TD><table border="0" cellspacing="1" cellpadding="1" bgcolor="#ffeeee">');

document.write('<TR><th colspan="7" bgcolor="#ffffcc">'); 
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); 
var now = new Date(); 
document.write("<font style=font-size:9pt;Color:#990000>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + "" + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>"); 
document.writeln('</TH></TR><TR><TH BGCOLOR="red"><font style="font-size:9pt;Color:White">日</FONT></TH>'); 
document.writeln('<th bgcolor="#ff6699"><font style="font-size:9pt;Color:White">一</FONT></TH>'); 
document.writeln('<TH BGCOLOR="#ff6699"><font style="font-size:9pt;Color:White">二</FONT></TH>'); 
document.writeln('<TH BGCOLOR="#ff6699"><font style="font-size:9pt;Color:White">三</FONT></TH>'); 
document.writeln('<TH BGCOLOR="#ff6699"><font style="font-size:9pt;Color:White">四</FONT></TH>'); 
document.writeln('<TH BGCOLOR="#ff6699"><font style="font-size:9pt;Color:White">五</FONT></TH>'); 
document.writeln('<TH BGCOLOR="#ff6699"><font style="font-size:9pt;Color:White">六</FONT></TH>'); 
document.writeln("</TR><TR>"); 
column = 0; 
for (i=0; i<startDay; i++) { 
document.writeln("\n<TD><FONT style=font-size:9pt> </FONT></TD>"); 
column++; 
}

for (i=1; i<=nDays; i++) { 
if (i == thisDay) { 
document.writeln('</TD><td align="CENTER" bgcolor="#ffefef"><FONT style=font-size:9pt;Color:red><B>') 
} 
else { 
document.writeln('</TD><TD BGCOLOR="#FFFFFF" ALIGN="CENTER"><FONT style=font-size:9pt;font-family:Arial;font-weight:bold;Color:#660033>'); 
} 
document.writeln(i); 
if (i == thisDay) document.writeln("</FONT></TD>") 
column++; 
if (column == 7) { 
document.writeln("<TR>"); 
column = 0; 
} 
} 
document.writeln('<TR><td colspan="7" align="CENTER" valign="TOP" bgcolor="#dd3333"><form name="clock" onSubmit="0"><FONT style=font-size:9pt;Color:#ffffff>当前时间  <INPUT TYPE="Text" NAME="face"  size="12" ALIGN="TOP"></FONT></TD></TR></TABLE></TD></TR></TABLE></form>'); 
} 
// --> 
</script>

<div class="clearfix"></div>
                    </div>
                    <nav aria-label="...">
                        <ul class="pager">
                            <li class="previous"><a href="4667">上一篇：狡猾的按钮特效</a></li>

<li class="next"><a href="1005">下一篇：按钮显示时间</a></li>
                        </ul>
                    </nav>

<div class="alert alert-warning" role="alert">
                        <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
                    </div>

<div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34229' title='CSS控制字符长度和显示长度' target="_blank">
                        CSS控制字符长度和显示长度</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/16168' title='苹果优势逐渐丧失 传即将推出廉价iPhone' target="_blank">
                        苹果优势逐渐丧失 传即将推出廉价iPhone</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34338' title='中国移动4G资费调整方案6月1日起正式实施' target="_blank">
                        中国移动4G资费调整方案6月1日起正式实施</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/10827' title='快递企业征收“份子钱” 成全了谁 苦了谁？' target="_blank">
                        快递企业征收“份子钱” 成全了谁 苦了谁？</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34238' title='微软与摩托罗拉授权协议涵盖Android和Chrome设备' target="_blank">
                        微软与摩托罗拉授权协议涵盖Android和Chrome设备</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34287' title='顺丰O2O便利店将正式启动：涉及金融服务' target="_blank">
                        顺丰O2O便利店将正式启动：涉及金融服务</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34126' title='广东移动董事长徐龙受调查 圈内对其褒贬不一' target="_blank">
                        广东移动董事长徐龙受调查 圈内对其褒贬不一</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34299' title='苹果MacBook Air劣势渐显 或推新产品改变命运' target="_blank">
                        苹果MacBook Air劣势渐显 或推新产品改变命运</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34214' title='百度对糯米来说到底意味着什么？' target="_blank">
                        百度对糯米来说到底意味着什么？</a></li></div>
                   
                
        </ol>
    </div>
</div>

</div>

</div>
            </div>
            <div class="clearfix"></div>

<footer class=" footer navbar-bottom">
<em>友情链接：</em>
    
      <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a>            
    
<br />
<script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script>

Copyright © 2013-2026 爱易网页 当前在线：264人　
        网站在3时43分23秒内访问总人数：38342人
    当前 11.26%
　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script>

</footer>

</div>
   
</body>
</html>