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 })
相关推荐
C_心欲无痕3 分钟前
vue3 - 依赖注入(provide/inject)组件跨层级通信的优雅方案
前端·javascript·vue.js
tianyuanwo4 分钟前
SSH会话管理实战:识别与清理非法连接的完整指南
运维·ssh
小豆子范德萨5 分钟前
两台window配置SSH免密登录
运维·ssh
幺零九零零7 分钟前
全栈程序员-前端第二节- vite是什么?
前端
你脸上有BUG27 分钟前
TreeSelect 组件 showCheckedStrategy 属性不生效问题
前端·vue
小北方城市网40 分钟前
第 6 课:Vue 3 工程化与项目部署实战 —— 从本地开发到线上发布
大数据·运维·前端·ai
BD_Marathon1 小时前
Vue3_响应式数据的处理方式
前端·javascript·vue.js
90后的晨仔1 小时前
🛠️ 修复 macOS 预览乱码 PDF 的终极方案:用 Python 批量“图像化”拯救无法打开的 PDF
前端
嚣张丶小麦兜1 小时前
Vue常用工具库
前端·javascript·vue.js
曹牧2 小时前
C#:记录日志
服务器·前端·c#