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 })
相关推荐
Hilaku26 分钟前
OpenClaw 很爆火,但没人敢聊它的权限安全🤷‍♂️
前端·javascript·程序员
ConardLi1 小时前
OpenClaw 完全指南:这可能是全网最新最全的系统化教程了!
前端·人工智能·后端
丁哥2 小时前
99.9%纯AI 做了一个ICO图标生成器(免费 全尺寸 不限文件大小)2ICO.CN欢迎品鉴
前端
兆子龙2 小时前
React Native 完全入门:从原理到实战
前端·javascript
哇哇哇哇2 小时前
vue3 watch解析
前端
SuperEugene2 小时前
Vite 实战教程:alias/env/proxy 配置 + 打包优化避坑|Vue 工程化必备
前端·javascript·vue.js
leafyyuki2 小时前
用 AI 和 SDD 重构 Vue2 到 Vue3 的实践记录
前端·人工智能
德育处主任3 小时前
『NAS』一句话生成网页,在NAS部署UPage
前端·javascript·aigc
前端老兵AI3 小时前
前端工程化实战:Vite + ESLint + Prettier + Husky 从零配置(2026最新版)
前端·vite
bluceli3 小时前
浏览器渲染原理与性能优化实战指南
前端·性能优化