博客日历代码 javascript版

很好很强大，效果就和我博客左边的日历是一样的
文章转自：http://blog.csdn.net/nethermit/archive/2004/11/03/165731.aspx

<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
// [email protected]
// 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>