cookie实现可记事的日历

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>可计事的日历</title>
<style type="text/css">

</style>
</head>
<body>
<SCRIPT language=JavaScript>
<!--
// 以下是可以被通用的写cookie程序
// 浏览器限制cookie的容量在4KB以下，下面这个参数用来设定当cookie超过限制时是否发出警告
var caution = false
// name 	cookie的名称
// value	cookie的值
// [expires]	设定cookie的过期时间	(可选)
// [path]	设定cookie的路径	(可选)
// [domain]	设定cookie的域名	(可选)
// [secure]	设定是否使用安全cookie	(可选)
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)
document.cookie = curCookie
else
if (confirm("请注意：cookie大小已经超过4K,多出的部分会被忽略！"))
document.cookie = curCookie
}

// 以下是可以被通用的读cookie程序
function getCookie(name) {
var prefix = name + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

// 以下是可以被通用的删除cookie程序
function deleteCookie(name, path, domain) {
if (getCookie(name)) {
document.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) {	//初始化cookie
//这个函数按照以下数据格式初始化cookie，作为存放消息的介质。
// ^1^^2^^3^^4^...^30^^31^
var text = ""
for (var i = 1; i <= 31; ++i) {
text += "^" + i + "^"
}
var now = new Date()	//取当前时间
fixDate(now)
//将时间设定到一月(按31天记)以后，以供设定cookie过期使用。
now.setTime(now.getTime() + 1000 * 60 * 60 * 24 * 31)
setCookie(monthName + "Calendar", text, now)	//写入初始的cookie
}

function getSpecificReminder(num, monthName) {		//取指定日期的提醒内容
var prefix = "^" + num + "^"			//生成查询指定日期数据段的前缀
var totalCookie = getCookie(monthName + "Calendar")	//根据月份取相应的cookie
var startIndex = totalCookie.indexOf(prefix, 0)	//根据日前缀从取出的cookie里截取需要的那个日期部分的偏移值
var startData = totalCookie.indexOf("^", startIndex + 1) + 1	//取相应日期的数据部分的偏移值
if (num == 31)				//如果欲取数据的日期为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")	//根据月份取相应的cookie
var startIndex = totalCookie.indexOf(prefix, 0)	//根据日前缀从取出的cookie里截取需要的那个日期部分的偏移值
var startData = totalCookie.indexOf("^", startIndex + 1) + 1	//取相应日期的数据部分的偏移值
if (num == 31)				//如果欲取数据的日期为31日(字符串最后部分)
var endData = totalCookie.length			//则数据结束部分为整个字符串结束的地方
else					//否则
var endData = totalCookie.indexOf("^", startData)	//查找数据部分以后的第一个^符号，以其作为数据结束的偏移地址
//计算新的存储串，数据开始位置以前及结束位置以后的内容不变，其间的内容由新值替换
var newValue = totalCookie.substring(0, startData) + newValue + totalCookie.substring(endData, totalCookie.length)
var now = new Date()	//取当前时间
fixDate(now)
//将时间设定到一月(按31天记)以后，以供设定cookie过期使用。
now.setTime(now.getTime() + 1000 * 60 * 60 * 24 * 31)
setCookie(monthName + "Calendar",newValue, now)		//写入cookie数据
}

function getInput(num, monthName) {			//用户输入信息
if (!getCookie(monthName + "Calendar")) 		//如果没有cookie数据(第一次使用)
initCookie(monthName)					//则初始化cookie
var newValue = prompt("请在这里输入你的留言信息:", getSpecificReminder(num, monthName))	//提示输入信息，如果以前有信息，则作为默认输入内容
if (newValue) //如果用户按的是“确定”按钮
setSpecificReminder(num, monthName, newValue)		//则将新输入的信息写入cookie
}

function getTime() {					//这个过程用来生成表述当前时间的串
var now = new Date()					//取当前时间
var hour = now.getHours()				//取“小时”部分
var minute = now.getMinutes()				//取“分钟”部分
now = null
var ampm = "" 
if (hour >= 12) {				//根据“小时”值判断当前时间是“上午”还是“下午”
hour -= 12
ampm = "下午"
} else
ampm = "上午"
hour = (hour == 0) ? 12 : hour			//将“小时”值中出现的12点改为0点，符合显示规律
if (minute < 10)					//将不满十位的数字前补“0”
minute = "0" + minute
return ampm+hour + ":" + minute + " "			//返回表述当前时间的字符串
}

function leapYear(year) {				//判断闰年
if (year % 4 == 0)					//将年份除四取余数
return true						//如果能整除则返回true,是闰年
return false						//否则返回false,不是闰年
}

function getDays(month, year) {				//计算某年某月有多少天
var ar = new Array(12)					//每月对应数组里的一个元素
ar[0] = 31						//一月
ar[1] = (leapYear(year)) ? 29 : 28			//二月(加了闰年判断的)
ar[2] = 31						//三月
ar[3] = 30						//四月
ar[4] = 31						//五月
ar[5] = 30						//六月
ar[6] = 31						//七月
ar[7] = 31						//八月
ar[8] = 30						//九月
ar[9] = 31						//十月
ar[10] = 30						//十一月
ar[11] = 31						//十二月
return ar[month]					//返回指定月份的天数
}

function getMonthName(month) {				//这个函数用来取月份的名字
var ar = new Array(12)					//每月对应数组里的一个元素
ar[0] = "一月"
ar[1] = "二月"
ar[2] = "三月"
ar[3] = "四月"
ar[4] = "五月"
ar[5] = "六月"
ar[6] = "七月"
ar[7] = "八月"
ar[8] = "九月"
ar[9] = "十月"
ar[10] = "十一月"
ar[11] = "十二月"
return ar[month]					//返回月份的名字
}

CSS代码

复制格式化注释注释颜色清空

放大

JS代码

复制格式化注释注释清空

放大

运行代码

简介

请输入代码名称！

名称

cookie实现可记事的日历

分类

日期时间

描述

可记事的日历特效，使用Cookie技术实现的网页特效。浏览器限制cookie的容量在4KB以下，通过一些参数用来设定当cookie超过限制时是否发出警告。对cookie用法不太熟悉的朋友，你正好可以借鉴本代码学习研究一番。学习一下cookie的创建和删...