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 分钟前
springboot创建web项目
java·前端·spring boot·后端·spring·maven
天天进步201512 分钟前
Vue项目重构实践:如何构建可维护的企业级应用
前端·vue.js·重构
小华同学ai15 分钟前
vue-office:Star 4.2k,款支持多种Office文件预览的Vue组件库,一站式Office文件预览方案,真心不错
前端·javascript·vue.js·开源·github·office
APP 肖提莫17 分钟前
MyBatis-Plus分页拦截器,源码的重构(重构total总数的计算逻辑)
java·前端·算法
问道飞鱼28 分钟前
【前端知识】强大的js动画组件anime.js
开发语言·前端·javascript·anime.js
k093329 分钟前
vue中proxy代理配置(测试一)
前端·javascript·vue.js
傻小胖31 分钟前
React 脚手架使用指南
前端·react.js·前端框架
运维&陈同学34 分钟前
【Beats01】企业级日志分析系统ELK之Metricbeat与Heartbeat 监控
运维·elk·elasticsearch·云原生·kibana·heartbeat·metricbeat
地球资源数据云37 分钟前
全国30米分辨率逐年植被覆盖度(FVC)数据集
大数据·运维·服务器·数据库·均值算法
程序员海军43 分钟前
2024 Nuxt3 年度生态总结
前端·nuxt.js