Date()操作及设置cookie

Date操作及cookie设置

Date操作

var d = new Date();
获取原始格式中的年份  
var year = d.getFullYear();
// getMonth:获取原始格式中的月份,月份从0开始计算
var month = d.getMonth()
// getDate:获取原始格式中的日期
var day = d.getDate();
// getDay:获取原始格式中的星期几
var week = d.getDay();//星期1-6是取值1-6,星期日是0
// getHours:获取原始格式中的小时
var hour = d.getHours()
// getMinutes:获取原始格式中的分钟
var minute = d.getMinutes()
// getSeconds:获取原始格式中的秒数
var second = d.getSeconds()
// getMilliseconds:获取前面一秒的几毫秒
var milliseconds = d.getMilliseconds()

//比较重要的一个时间点格林威治时间
var time = d.getTime()//获取当前时间距离格林威治时间的毫秒数(时间戳)
//设置时间戳
time.setTime(time.getTime() - 24*60*60*1000)//设置距现在一天前的时间

cookie的增删改获取

增

语法:document.cookie = “key=value”;

document.cookie = "a=1";

改

通过重新赋值改变原来的cookie

document.cookie = "a=1";
document.cookie = "a=2";

获取cookie

获取cookie只能一次获取所有
语法：document.cookie

console.log(document.cookie)

删除

cookie是不能够删除的，想要删掉以前的cookie只能通过设置一个过期的时间，让它过期。

document.cookie = 100;
var btn = document.getElenmentById("btn");
btn.onclick = function(){
	var time = new Date();
	time.setTime(time.getTime()-8*60*60*1000-1000);
	//设置时间戳，因为我们是东八区，所以设置世界时间要减去
	//八个小时，在减去1s就表示到现在为止的前一秒，就代表过去时间了，
	//设置此时的time即为过期的时间
	document.cookie(`a=8;expires=${time}`)
}

为了方便日后我们操作cookie，可以封装一个函数用来对cookie进行增删改

//key表示要设置的cookie的key，value是要设置的cookie的值，expires为
//天数正数表示往后设置时间如七天过期则设置：7，负数表示过期时间几天，即
//用来进行删除cookie值随意
function setCookie(key,value,expires) {
        var time = new Date();
        time.setTime(time.getTime() - 8*60*60*1000 + expires*24*60*60*1000);
        document.cookie = `${key}=${value};expires=${time}`;
    }