簡單月曆

將下列程式碼複製至<head>程式碼</head>區內。

<script language="JavaScript">
<!--

function greeting()
{
var today = new Date();
var hrs = today.getHours();
document.writeln("<center>");
document.write("<font size=\"2\">嗨您好! ");
if (hrs < 6)
document.write("(Early) Morning");
else if (hrs < 12)
document.write("<font color=\"#FF00FF\">【早安】</font>");
else if (hrs <= 18)
document.write("<font color=\"#FF00FF\">【午安】</font>");
else
document.write("<font color=\"#FF00FF\">【晚安】</font>");
document.writeln("!<br>");
document.write("歡迎您的來訪 ");
dayStr = today.toLocaleString();
document.write(dayStr);
document.writeln("</font></center>");
}
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;
}
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.writeln("<CENTER>");
document.write("<TABLE BORDER=\"3\" bordercolor=\"#669900\" cellspacing=\"1\" cellpadding=\"2\" class=\"ppkoabcd\">");
document.write("<TR><TH COLSPAN=7 bordercolor=\"#008000\">");
document.write(monthNames.substring(today.getMonth() * 3,
(today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR bgcolor=\"#FFCCFF\"><TH>日<TH>一<TH>二<TH>三<TH>四<TH>五<TH>六");
document.write("<TR>");

column = 0;
for (i=0; i<startDay; i++)
{
document.write("<TD>");
column++;
}
for (i=1; i<=nDays; i++)
{
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR=\"red\">")
document.write(i);
if (i == thisDay)
document.write("</FONT>")
column++;
if (column == 7)
{
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
greeting();
document.write("<br>");
calendar();
document.write("");
// -->
</script>

將下列程式碼複製至<body>程式碼</body>之間。

<style type="text/css">
<!--
.ppkoabcd { font-size:10pt; }
//-->
</style>