1. 设置cookie24小时过期

·设置cookie与获取cookie


// 获取cookie
export function getCookie(Name) {var findcookie = Name + '=';if (window.document.cookie.length > 0) {// if there are any cookieslet offset = window.document.cookie.indexOf(findcookie);if (offset != -1) {// if cookie existsoffset += findcookie.length; // set index of beginning of valuelet end = window.document.cookie.indexOf(';', offset); // set index of end of cookie valueif (end == -1) end = window.document.cookie.length;return unescape(window.document.cookie.substring(offset, end));}}return null;
}// 设置cookie
export function cookieGO(value, key) {var today = new Date();var expires = new Date();expires.setTime(today.getTime() + 1000 * 60 * 60 * 24);setCookie(value, key, expires);
}export function setCookie(value, key, expire) {window.document.cookie =value + '=' + escape(key) + (expire == null ? '' : '; expires=' + expire.toGMTString());
}

·使用此方法判断一个弹窗24小时只展示一次

判断cookie中有无此字段，有的话就直接取或者判断来使用，无就种上

handleShowStayDialog = () => {var c = getCookie(cookieStr);  // cookieStr为要查询的字段if (c === null) { // 如果为空,不为空证明24小时还没过，不展示 this.showDialog(); // 展示弹窗setTimeout(cookieGO('cookieStr', 'already'), 2000);  // 种上cookiereturn false;}};

2.设置一个自然日内过期

·自然日：一个自然日指当天0：00：00开始到23：59：59，也就是到这天的最后一秒结束

·思路：其实这个有一个特别简单的方法，一开始我是想办法像上边一样通过时间的换算来实现的，但其实有一个更简单的方法，那就是把当前日期种进cookie，然后再判断是否等于当前日期，就可以知道是否是同一天了。

在关闭方法里种上当前日期

closeLogin() { let currentDate = new Date().Format('yyyy-MM-dd'); document.cookie = `loginClose=${currentDate}`;this.setState({ loginShow: false });}

在页面加载时判断当前日期是否存在

let date = getCookie('loginClose');if (new Date().Format('yyyy-MM-dd') !== date) {this.setState({loginShow: true});}

js 设置cookie一天内过期（包含24小时与一个自然日）相关推荐

JS设置Cookie,及COOKIE的限制
在Javascript脚本里,一个cookie 实际就是一个字符串属性.当你读取cookie的值时,就得到一个字符串,里面当前WEB页使用的所有cookies的名称和值.每个cookie除了 name ...
JS设置cookie、读取cookie、删除cookie
js操作Cookie总结(设置,读取,删除),工作中经常会用到的哦!下面是详细代码,如有错误,请留言指正! JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Sess ...
JS设置cookie，删除cookie
js设置cookie有很多种方法. 第一种:(这个是w3c官网的代码) <script> //设置cookie function setCookie(cname, cvalue, exda ...
js设置cookie、读取cookie和删除cookie
什么是cookie? cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.设置cookie的方法有很多种:比如通过服务器脚本页面进行设置 ...
原生JS设置cookie、读取cookie、删除cookie
JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一 ...
springboot-前端js设置cookie的name、value值，后端利用name获取指定cookie的value值
springboot-前端js设置cookie的name.value值,后端利用name获取指定cookie的value值前端 js 将传递过来的 id 存入cookie中, coo ...
JS设置Cookie过期时间(网上非常多错误的方法, expires结果差8小时)
网上搜的方法都是错误的, 比如百度搜索前十都是复制粘贴如下代码: // 错误方式 function setCookie(name,value){var Days = 30;var exp = new ...
前端开发中通过js设置cookie的一组方法
js方法的完整代码如下: var cookie = {set:function(key,val,time){//设置cookie方法var date=new Date(); //获取当前时间var e ...
JS 设置 Cookie
好记忆不如按烂笔头,再简单的东西,都是知识,需要有所笔记... 最近一直在搞JS ,今天写了个js cookie 的实现,贴出来,学习学习... /* * 设置 cookie 的值. */ funct ...

js 设置cookie一天内过期（包含24小时与一个自然日）

1. 设置cookie24小时过期

·设置cookie与获取cookie

·使用此方法判断一个弹窗24小时只展示一次

判断cookie中有无此字段，有的话就直接取或者判断来使用，无就种上

2.设置一个自然日内过期

·自然日：一个自然日指当天0：00：00开始到23：59：59，也就是到这天的最后一秒结束

·思路：其实这个有一个特别简单的方法，一开始我是想办法像上边一样通过时间的换算来实现的，但其实有一个更简单的方法，那就是把当前日期种进cookie，然后再判断是否等于当前日期，就可以知道是否是同一天了。

在关闭方法里种上当前日期

在页面加载时判断当前日期是否存在

js 设置cookie一天内过期（包含24小时与一个自然日）相关推荐

最新文章

热门文章