JS Cookie当天24点过期，chrome时差问题

这个问题已经过去好些天了，当时为了上一个教师节的专题，里面有一个点赞的功能需要用到cookie存储记录。一开始自己写没注意，只知道运营说一天只能点赞一次，后来他们又说要当天24点之后就又可以在点赞，当然啦，这需求改的挺好的。检查的时候发现，尼玛之前写的cookie过期时间都到2025年去了，吓得一身冷汗。是我错了，把天当毫秒用了。

JS cookie 代码，直接声明一个对象就可以用了。

var cookie = {"setCookie": function (name, val, lifeCircle) {//name传入的键名  val传入的键值  lifeCircle cookie生命周期(过期时间=cookie的设置时间+lifeCircle)var oDate = new Date();//时间对象oDate.setDate(new Date().getDate() + lifeCircle);document.cookie = name + "=" + val + ";expires=" + oDate + ";path=/";},"getCookie": function (name) {//name 为想要取到的键值的键名var reg = /\s/g;var result = document.cookie.replace(reg, "");var resultArr = result.split(";");for (var i = 0; i < resultArr.length; i++) {var nameArr = resultArr[i].split("=");if (nameArr[0] == name) {return nameArr[1];}}},"removeCookie": function (name) {//name为想要删除的Cookie的键名var oDate = new Date();//时间对象oDate.setDate(new Date().getDate() - 1);document.cookie = name + "=123;expires=" + oDate + ";path=/";}
}

注意：这里的lifeCircle是按天算的。

后来调整到当天24点过期，这中间有两个问题可以注意一下。

一是谷歌的过期时间格式和其他浏览器不同，会出现北京时间（东八区）8个小时的时差，这不是尴尬了嘛。

二是火狐用firebug看过期时间表达方式我是真一下没反应过来，下午12：00，这还真就是晚上24：00。

好了，看我后来是怎么改好的。

主要思路是当日剩余时间就是生命周期，然后当前时间加上剩余时间转化为日期格式，中间会有一个问题是时间格式问题，国际标准时间，和中国标准（北京）时间是相差8小时的时差的，但是这个问题只有在谷歌上才会有，所以通过浏览器判断即可进行区分。

//自定义cookie对象
var cookie = {"setCookie": function(name, value) {var curDate = new Date();//当前时间戳  var curTamp = curDate.getTime();//当前日期var curDay = curDate.toLocaleDateString();var brow = $.browser;var curWeeHours = 0;if (brow.safari) {//当日凌晨的时间戳,减去一毫秒是为了防止后续得到的时间不会达到00:00:00的状态  curWeeHours = new Date(curDay).getTime() + (8 * 60 * 60 * 1000) - 1;} else {curWeeHours = new Date(curDay).getTime() - 1;}//当日已经过去的时间（毫秒）  var passedTamp = curTamp - curWeeHours;//当日剩余时间  var leftTamp = 24 * 60 * 60 * 1000 - passedTamp;var leftTime = new Date();leftTime.setTime(leftTamp + curTamp);//创建cookie  document.cookie = name + "=" + value + ";expires=" + leftTime.toGMTString() + ";path=/";},"getCookie": function(name) {//name 为想要取到的键值的键名var reg = /\s/g;var result = document.cookie.replace(reg, "");var resultArr = result.split(";");for (var i = 0; i < resultArr.length; i++) {var nameArr = resultArr[i].split("=");if (nameArr[0] == name) {return nameArr[1];}}},"removeCookie": function(name) {//name为想要删除的Cookie的键名var oDate = new Date(); //时间对象oDate.setDate(new Date().getDate() - 1);document.cookie = name + "=123;expires=" + oDate + ";path=/";}
}

其实，在h5时代，我们可以换用其他的存储形式了。比如localstorage,sessionstorage等。不过我们的用户要兼容IE7，整天以泪洗面。

JS Cookie当天24点过期，chrome时差问题相关推荐

原生js cookie的使用实例setCookie()、getCookie()方法
01 <html> 02 <head> 03 <title>原生js cookie的使用实例setCookie().getCookie()方法</title& ...
js 获取当天时间,实现展示包含今天的一周时间的方法
js 获取当天时间,实现展示包含今天的一周时间封装获得第n天的时间数据循环得到未来n天的时间数据最近写了一个关于需要时间预约的项目,记录一下如何实现未来一周数据的处理,时间的展示封装获得第n ...
js获取当天0时刻，23点59分59秒的时间戳
获取某一段时间数组比如['2018-10-11','2018-10-12','2018-10-13','2018-10-14'] getTimeb(num) {var timeArry = [];v ...
预习：11.16/11.17 Apache默认虚拟主机-11.24 静态元素过期时间
预习: 11.16/11.17 Apache默认虚拟主机 11.18 Apache用户认证 11.19/11.20 域名跳转 11.21 Apache访问日志 11.22 访问日志不记录静态文件 11 ...
JS获取当天零点或23:59:59的时间
JS获取当天(或某一条)零点的方法还是比较多,但是很多方法并不能支持所有设备(或系统),这里我以获取当天零点为例. // 方法一: let mytime = new Date(new Date(new ...
原生js cookie本地存储
JS cookie 1.概述 cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的. 如果没写expires,那么下次打开网页,cookie就会消失,这个就是 ...
JS And Vue代码调试——IDEA+JS+vue-devtools-dev+JetBrains IDE Support（Chrome插件）
JS代码调试--IDEA+JavaScript Debug+JetBrains IDE Support(Chrome插件) 问题描述解决方案解决步骤问题描述调试JavaScript代码,前端框 ...
js 设置cookie一天内过期（包含24小时与一个自然日）
1. 设置cookie24小时过期 ·设置cookie与获取cookie // 获取cookie export function getCookie(Name) {var findcookie = N ...
js获取当天0点和24点的时间戳
let startTime1 = new Date(new Date(new Date().toLocaleDateString()).getTime()); // 当天0点 let endTime1 ...

JS Cookie当天24点过期，chrome时差问题

JS Cookie当天24点过期，chrome时差问题相关推荐

最新文章

热门文章