标题栏显示日期 [html]<script language="JavaScript1.2"> <!--hide var isnMonth = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isnDay = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); today = new Date () ; Year=today.getYear(); Date=today.getDate(); if (document.all) document.title="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()] //--hide--> </script> [/html]
<body bgcolor="#0099FF"> <script LANGUAGE="JavaScript"> var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution || (name + "=" + escape(value)).length <= 4000) documents.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) documents.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = documents.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = documents.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = documents.cookie.length return unescape(documents.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { documents.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) }
function initCookie(monthName) { var text = "" for (var i = 1; i <= 31; ++i) { text += "^" + i + "^" } var now = new Date() fixDate(now) now.setTime(now.getTime() + 1000 * 60 * 60 * 24 * 31)
setCookie(monthName + "Calendar", text, now) } function getSpecificReminder(num, monthName) { var prefix = "^" + num + "^" var totalCookie = getCookie(monthName + "Calendar") var startIndex = totalCookie.indexOf(prefix, 0) var startData = totalCookie.indexOf("^", startIndex + 1) + 1 if (num == 31) var endData = totalCookie.length else var endData = totalCookie.indexOf("^", startData) return totalCookie.substring(startData, endData) } function setSpecificReminder(num, monthName, newValue) { var prefix = "^" + num + "^" var totalCookie = getCookie(monthName + "Calendar") var startIndex = totalCookie.indexOf(prefix, 0) var startData = totalCookie.indexOf("^", startIndex + 1) + 1 if (num == 31) var endData = totalCookie.length else var endData = totalCookie.indexOf("^", startData) var now = new Date() fixDate(now) now.setTime(now.getTime() + 1000 * 60 * 60 * 24 * 31) setCookie(monthName + "Calendar", totalCookie.substring(0, startData) + newValue + totalCookie.substring(endData, totalCookie.length), now) }
function getInput(num, monthName) { if (!getCookie(monthName + "Calendar")) initCookie(monthName) var newValue = prompt("Enter reminder for current date:", getSpecificReminder(num, monthName)) if (newValue) setSpecificReminder(num, monthName, newValue) } function getTime() { var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" + minute return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) return true return false }
function setCal() { var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var days = getDays(month, year) drawCal(firstDay + 1, days, date, monthName, year) } function drawCal(firstDay, lastDate, date, monthName, year) { var headerHeight = 50 var border = 2 var cellspacing = 4 var headerColor = "midnightblue" var headerSize = "+3" var colWidth = 60 var dayCellHeight = 25 var dayColor = "darkblue" var cellHeight = 40 var todayColor = "red" var timeColor = "purple" var text = "" text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' text += monthName + ' ' + year text += '</FONT>' text += '</TH>' var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' var weekDay = new Array(7) weekDay[0] = "Sun" weekDay[1] = "Mon" weekDay[2] = "Tues" weekDay[3] = "Wed" weekDay[4] = "Thu" weekDay[5] = "Fri" weekDay[6] = "Sat" text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' + todayColor + '">' text += '<A HREF="javascript:getInput(' + digit + ', \'' + monthName + '\')" onMouseOver="window.status = \'Store or retrieve data for ' + monthName + ' ' + digit + '\'; return true"><FONT COLOR="' + todayColor + '">' + digit + '</FONT></A>' text += '<BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '><A HREF="javascript:getInput(' + digit + ', \'' + monthName + '\')" onMouseOver="window.status = \'Store or retrieve data for ' + monthName + ' ' + digit + '\'; return true">' + digit + '</A></TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } setCal() </script> [/html]
简单日历 [html]
<script language=JavaScript> <!--
setCal()
function getTime() { // initialize time-related variables with current time settings var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = ""
// validate hour values and set value of ampm if (hour >= 12) { hour -= 12 ampm = "下午" } else ampm = "上午" hour = (hour == 0) ? 12 : hour
// add zero digit to a one digit minute if (minute < 10) minute = "0" + minute // do not parse this number!
function leapYear(year) { if (year % 4 == 0) // basic rule return true // is leap year /* else */ // else not needed when statement is "return" return false // is not leap year }
function getDays(month, year) { // create array to hold number of days in each month var ar = new Array(12) ar[0] = 31 // January ar[1] = (leapYear(year)) ? 29 : 28 // February ar[2] = 31 // March ar[3] = 30 // April ar[4] = 31 // May ar[5] = 30 // June ar[6] = 31 // July ar[7] = 31 // August ar[8] = 30 // September ar[9] = 31 // October ar[10] = 30 // November ar[11] = 31 // December
// return number of days in the specified month (parameter) return ar[month] }
function getMonthName(month) { // create array to hold name of each month var ar = new Array(12) ar[0] = "1月" ar[1] = "2月" ar[2] = "3月" ar[3] = "4月" ar[4] = "5月" ar[5] = "6月" ar[6] = "7月" ar[7] = "8月" ar[8] = "9月" ar[9] = "10月" ar[10] = "11月" ar[11] = "12月"
// return name of specified month (parameter) return ar[month] }
function setCal() { // standard time attributes var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null
// create instance of first day of month, and extract the day on which it occurs var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null
// number of days in current month var days = getDays(month, year)
// call function to draw calendar drawCal(firstDay + 1, days, date, monthName, 1900 + year) }
function drawCal(firstDay, lastDate, date, monthName, year) { // constant table settings var headerHeight = 50 // height of the table's header cell var border = 2 // 3D height of table's border var cellspacing = 4 // width of table's border