localStroage和sessionStorage以及cookie的区别以及怎样设定localStorage的过期时间
localStroage和sessionStorage以及cookie的区别,怎样设置localStorage的过期时间
·
1.localStorage是永久存储,如何实现具有过期时间:可以在约定的时间之后,使用removeItem方法删除本地存储(配合倒计时效果,或者定时器)
//利用定时器实现
localStorage.setItem('username', 'zhangsan');
setInterval(() => {
let futureTime = parseInt(new Date('2022-5-6 14:35:00').getTime() / 1000);//未来时间
let currentTime = parseInt(new Date().getTime() / 1000); //当前时间
console.log(futureTime, currentTime);
if (futureTime <= currentTime) {
localStorage.clear(); //清除所有的本地存储
// localStorage.removeItem(''); //清除具体的本地存储
}
}, 1000);
2.sessionStorage的特性和localStorage的特性是一样的,唯一的区别是关闭浏览器(会话结束,临时的),本地存储立刻消失
sessionStorage.setItem('name','zhangsan');
3.localStroage、sessionStorage和cookie三者的区别
(1)localStroage和sessionStorage的特点基本一致,它们是因为本地存储数据而存在,大小为5M左右
(2)cookie大小4kb,保存服务器存在客户端浏览器上的数据
(3)cookie可以自由设定过期时间,localStorage是永久存储,sessionStorage是临时存储
更多推荐

所有评论(0)