网站首页 > 网页设计教程 > 网页特效 > 一个以二进制显示的时钟(挺有趣)

一个以二进制显示的时钟(挺有趣)

作者：互联网
时间：2009-06-20 16:26:06

<STYLE TYPE="text/css"> .normal{BACKGROUND: #ffffff} .today {font-weight:bold;BACKGROUND: #6699cc} .satday{color:green} .sunday{color:red} .days {font-weight:bold} </STYLE> <SCRIPT LANGUAGE="JavaScript"> var months = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"); var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); /*var days = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");*/ var days = new Array("日","一", "二", "三", "四", "五", "六"); function getDays(month, year) { if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) || (0 == year % 400) ? 29 : 28; else return daysInMonth[month]; } function getToday() { //得到今天的年,月,日 this.now = new Date(); <span class="visiblesaf0">th***year</span> = <span class="visiblesaf1">th***now.getFullYear</span>(); <span class="visiblesaf2">th***month</span> = <span class="visiblesaf3">th***now.getMonth</span>(); this.day = <span class="visiblesaf4">th***now.getDate</span>(); } today = new getToday(); function newCalendar() { today = new getToday(); var parseYear = parseInt(<span class="visiblesaf5">do***ent.all.year</span> [<span class="visiblesaf5">do***ent.all.year</span>.selectedIndex].text); var newCal = new Date(parseYear, <span class="visiblesaf7">do***ent.all.month.selectedIndex</span>, 1); var day = -1; var startDay = <span class="visiblesaf8">ne***l.getDay</span>(); var daily = 0; if ((<span class="visiblesaf9">to***.year</span> == <span class="visiblesaf10">ne***l.getFullYear</span>()) &&(<span class="visiblesaf11">to***.month</span> == <span class="visiblesaf12">ne***l.getMonth</span>())) day = <span class="visiblesaf13">to***.day</span>; var tableCal = <span class="visiblesaf14">do***ent.all.calendar.tBodies.dayList</span>; var intDaysInMonth =getDays(<span class="visiblesaf12">ne***l.getMonth</span>(), <span class="visiblesaf10">ne***l.getFullYear</span>()); for (var intWeek = 0; intWeek < <span class="visiblesaf17">ta***Cal.rows.length</span>;intWeek++) for (var intDay = 0;intDay < <span class="visiblesaf18">ta***Cal.rows</span>[intWeek]<span class="visiblesaf19">.c***s.length</span>;intDay++) { var cell = <span class="visiblesaf18">ta***Cal.rows</span>[intWeek].cells[intDay]; if ((intDay == startDay) && (0 == daily)) daily = 1; if(day==daily) //今天，调用今天的Class <span class="visiblesaf21">ce***className</span> = "today"; else if(intDay==6) //周六 <span class="visiblesaf21">ce***className</span> = "sunday"; else if (intDay==0) //周日 <span class="visiblesaf21">ce***className</span> ="satday"; else //平常 <span class="visiblesaf21">ce***className</span>="normal"; if ((daily > 0) && (daily <= intDaysInMonth)) { <span class="visiblesaf25">ce***innerText</span> = daily; daily++; } else <span class="visiblesaf25">ce***innerText</span> = ""; } } function getDate() { var sDate; //这段代码处理鼠标点击的情况 if ("TD" == <span class="visiblesaf27">ev***.srcElement.tagName</span>) if ("" != <span class="visiblesaf28">ev***.srcElement.innerText</span>) { sDate = <span class="visiblesaf5">do***ent.all.year</span>.value + "年" + <span class="visiblesaf30">do***ent.all.month.value</span> + "月" + <span class="visiblesaf28">ev***.srcElement.innerText</span> + "日"; alert(sDate); } } </SCRIPT> <input type="hidden" name="ret"> <TABLE ID="calendar" cellspacing="0" cellpadding="0" border=1 align="center"> <THEAD> <TR> <TD COLSPAN=7 ALIGN=CENTER> <SELECT ID="month" ONCHANGE="newCalendar()"> <SCRIPT LANGUAGE="JavaScript"> for (var intLoop = 0; intLoop < <span class="visiblesaf32">mo***s.length</span>; intLoop++) <span class="visiblesaf33">do***ent.write</span>("<OPTION VALUE= " + (intLoop + 1) + " " + (<span class="visiblesaf11">to***.month</span> == intLoop ? "Selected" : "") + ">" + months[intLoop]); </SCRIPT> </SELECT> <SELECT ID="year" ONCHANGE="newCalendar()"> <SCRIPT LANGUAGE="JavaScript"> for (var intLoop = <span class="visiblesaf9">to***.year</span>-100; intLoop < (<span class="visiblesaf9">to***.year</span> + 64); intLoop++) <span class="visiblesaf33">do***ent.write</span>("<OPTION VALUE= " + intLoop + " " + (<span class="visiblesaf9">to***.year</span> == intLoop ? "Selected" : "") + ">" + intLoop); </SCRIPT> </SELECT> </TD> </TR> <TR CLASS="days"> <SCRIPT LANGUAGE="JavaScript"> <span class="visiblesaf33">do***ent.write</span>("<TD class=satday>" + days[0] + "</TD>"); for (var intLoop = 1; intLoop < <span class="visiblesaf40">da***length-1</span>; intLoop++) <span class="visiblesaf33">do***ent.write</span>("<TD>" + days[intLoop] + "</TD>"); <span class="visiblesaf33">do***ent.write</span>("<TD class=sunday>" + days[intLoop] + "</TD>"); </SCRIPT> </TR> </THEAD> <TBODY border=1 cellspacing="0" cellpadding="0" ID="dayList"ALIGN=CENTER ONCLICK="getDate()"> <SCRIPT LANGUAGE="JavaScript"> for (var intWeeks = 0; intWeeks < 6; intWeeks++) { <span class="visiblesaf33">do***ent.write</span>("<TR style='cursor:hand'>"); for (var intDays = 0; intDays < <span class="visiblesaf44">da***length</span>; intDays++) <span class="visiblesaf33">do***ent.write</span>("<TD></TD>"); <span class="visiblesaf33">do***ent.write</span>("</TR>"); } </SCRIPT> </TBODY> </TABLE> <div align="center"></div> <div align="center"> <Script Language="<span class="visiblesaf47">Ja***cript1.2</span>"> function Cancel() { <span class="visiblesaf48">do***ent.all.ret.value</span> = ""; <span class="visiblesaf49">wi***w.close</span>(); } </script> </div>  <body OnUnload="<span class="visiblesaf50">wi***w.returnValue</span> = <span class="visiblesaf48">do***ent.all.ret.value</span>;">

上一篇：输入生日即可计算出下个生日的天数及存活天数

下一篇：可以看看全世界的当前的日期和时间

一个以二进制显示的时钟(挺有趣)

相关阅读

最新文章

人气下载推荐

相关应用

热门文章

推荐游戏