cookies 设置过期时间

1.如何在浏览器中查看cookie过期时间

F12-Application-Cookies可以查看到网页所有设置cookie值,

如果设置了过期时间的cookie是可以看到过期时间的持久cookie(persistent cookie),

没有设置过期时间的是会话cookie(session cookie)

2.过期时间一般是时间戳格式的,可以转化为普通的时间进行查看。

javascript 复制代码
function rTime(date) {
    var json_date = new Date(date).toJSON();
    return new Date(+new Date(json_date) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}
console.log(rTime('2021-04-02T07:04:23.000Z'))  //2021-04-02 15:04:23

3.设置过期时间

javascript 复制代码
var date = new Date();
date.setTime(date.getTime() + (x * 60 * 1000));
$.cookie('example', 'foo', { path: '/' ,expires: date });//xmin后过期
$.cookie('example', 'foo', {path: '/' , expires: 7});//7天后过期,cookie默认是天为单位

设置3小时后过期

javascript 复制代码
const date = new Date()
const inFifteenMinutes = new Date(date.getTime() + 3 * 60 * 60 * 1000)
Cookies.set('language', 'en', { expires: inFifteenMinutes })
相关推荐
十六年开源服务商7 分钟前
WordPress网站信誉评价与运维服务怎样提升
运维
与兰同馨10 分钟前
【踩坑实录】一次 H5 页面在 PC 端的滚动条与轮播图修复全过程(Vue + Vant)
前端
全栈技术负责人10 分钟前
前端架构演进之路——从网页到应用
前端·架构
无代码专家21 分钟前
生产ERP解决方案:重构制造企业数字化运营体系
运维·低代码·重构·制造
T___T29 分钟前
React Props:从基础使用到高级组件封装
前端·react.js
汉堡大王952730 分钟前
React组件通信全解:父子、子父、兄弟及跨组件通信
前端·javascript·前端框架
霍理迪31 分钟前
CSS继承,优先级以及字体样式
前端·css
LeeHK33 分钟前
在项目中调试vue2源码,watch,nextTick执行顺序梳理
前端
爱敲点代码的小哥36 分钟前
json序列化和反序列化 和 数组转成json格式
java·前端·json
学习中....41 分钟前
Claude Code + mcp-ssh-manager:让AI成为随身运维专家
运维·ssh