<style type="text/css">
.tdclass {font-size: 9pt; padding: 4px}
</style>
<table cellspacing="0" cellpadding="0" border="0" align="center" bordercolor="white">
<tr align="center" bgcolor="#7BA5CE">
<td class="tdclass"><font color="white">公元 <span id="layerYear"></span>年<span id="layerMonth"></span>月<span id="layerDay"></span>日 星期<span id="layerWeek"></span></font></td>
</tr>
<tr align="center">
<td>
<span id="layerCalendar"></span>
</td>
</tr>
<tr align="center">
<td class="tdclass" bgcolor="#7BA5CE"><font color="white">现在时间:<span id="layerNow"></span></font></td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
<!--
// Written by caocao
// caocao@eastday.com
// http://nethermit.yeah.net
var dayArray=new Array("日","一","二","三","四","五","六");
var monthArray=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
var stringTable="<table cellspacing=\"0\" cellpadding=\"0\" border=\"1\" align=\"center\" bordercolor=\"#8F8FAF\"><tr bgcolor=\"#53A9FF\" align=\"center\">";
for (var i=0; i<dayArray.length; ++i)
{
stringTable+="<td class=\"tdclass\"><font color=\"white\"><b>"+dayArray[i]+"</b></font></td>";
}
stringTable+="</tr>";
function setValue(tag, str)
{
document.getElementById(tag).innerHTML=str;
}
function showTime()
{
var today=new Date();
var currentYear=today.getFullYear()
if (((currentYear%4==0)&&(currentYear%100!=0))||(currentYear%400==0))
monthArray[1]=29;
var allDays=monthArray[today.getMonth()];
var currentWeek=today.getDay();
var currentDay=today.getDate();
var i=currentDay%7-currentWeek;
var threshold=(7+i)%7;
var isEnd=false;
var stringAll=stringTable;
while (true)
{
if (isEnd)
{
stringAll+="<td class=\"tdclass\" bgcolor=\"#EEEEEE\"> </td>";
if (i % 7==(threshold+6)%7)
{
stringAll+="</tr>";
break;
}
}
else
{
if (i % 7==threshold)
stringAll+="<tr align=\"center\">";
stringAll+=i>0?"<td class=\"tdclass\""+(i==currentDay?" bgcolor=\"#FEA477\" style=\"color: #FFFFFF\"":"")+"><b>"+i+"</b></td>":"<td class=\"tdclass\" bgcolor=\"#EEEEEE\"> </td>";
if (i % 7==(threshold+6)%7)
{
stringAll+="</tr>";
if (i==allDays)
break;
}
if (i==allDays)
isEnd=true;
}
++i;
}
stringAll+="</table>";
setValue("layerYear", currentYear);
setValue("layerMonth", today.getMonth()+1);
setValue("layerDay", currentDay);
setValue("layerWeek", dayArray[currentWeek]);
setValue("layerCalendar", stringAll);
setValue("layerNow", today.getHours()+":"+today.getMinutes()+":"+today.getSeconds());
setTimeout("showTime()",1000);
}
showTime()
// -->
</script>
分享到:
相关推荐
JavaScript日历 6中样式 包括当前时间
相比上一个日历控件,只是添加了一个clear功能,其他方面未做修正。
6种JavaScript日历控件,任君选择
javascript 日历 jquery 非常好看的日历
一个不错javascript日历.响应度很高.
javascript日历javascript日历
javascript小巧日历插件 javascript小巧日历插件 javascript小巧日历插件 javascript小巧日历插件
非常好看的日历,看了一定要啊。 相信吗。
javascript写的日历源码
一个挺好用的javascript日历组件
javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考
javascript日历插件,可以自定义时间或者日期
简单易用的javascript日历,包括一个例子。编码可以是utf-8也可以是GBK
JavaScript做的日历 小玩意 供大家参考
个人收集的各种漂亮javascript日历 有5种不同的日历效果
此程序是javascript和php开发,提供酒店、门票订购的价格日历和点击日历订购产品功能。详细请参考驴妈妈 酒店和门票的价格日历。 index.html 入口文件 data.php 包含一个价格日历生成类和 一些实例 product.php ajax...
javaScript做的三种日历 很经典很不错 javaScript做的三种日历 很经典很不错 javaScript做的三种日历 很经典很不错 javaScript做的三种日历 很经典很不错 javaScript做的三种日历 很经典很不错