簡單月曆
將下列程式碼複製至<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> |