skip to main |
skip to sidebar
Monthly: Time - Day Highlighted
11:57:00 AM |
js
This JavaScript calendar shows users a calendar that also tells you when you entered the page. Also, the current day is highlighted.
Good Afternoon!
You entered this page at Thu Jan 19 2012 12:54:14 GMT-0700 (Mountain Standard Time)
Jan. 112 |
Sun | Mon | Tue | Wed | Thu | Fri | Sat |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Insert into <body><SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction greeting() {var today = new Date();var hrs = today.getHours();document.writeln("<CENTER>");if ((hrs >=6) && (hrs <=18)){}elsedocument.write("");document.writeln("<BR>");document.write("<H1>Good ");if (hrs < 6)document.write("(Early) Morning");else if (hrs < 12)document.write("Morning");else if (hrs <= 18)document.write("Afternoon");elsedocument.write("Evening");document.writeln("!</H1>");document.write("You entered this page at ");dayStr = today.toLocaleString();document.write(dayStr);document.writeln("</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);testMe = firstDay.getDate();if (testMe == 2)firstDay.setDate(0);startDay = firstDay.getDay();document.writeln("<CENTER>");document.write("<TABLE BORDER>");document.write("<TR><TH COLSPAN=7>");document.write(monthNames.substring(today.getMonth() * 3,(today.getMonth() + 1) * 3));document.write(". ");document.write(year);document.write("<TR><TH>Sun<TH>Mon<TH>Tue<TH>Wed<TH>Thu<TH>Fri<TH>Sat");document.write("<TR>");column = 0;for (i=0; i<startDay; i++) {document.write("<TD width=30>");column++;}for (i=1; i<=nDays; i++) {document.write("<TD width=30>");if (i == thisDay)document.write("<FONT COLOR=\"#FF0000\">")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("");// End --></SCRIPT>