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

51 阅读 0 评论 34 点赞

我是靠谱客的博主温暖裙子，最近开发中收集的这篇文章主要介绍js 设置cookie一天内过期（包含24小时与一个自然日）1. 设置cookie24小时过期2.设置一个自然日内过期，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1. 设置cookie24小时过期

·设置cookie与获取cookie


// 获取cookie
export function getCookie(Name) {
  var findcookie = Name + '=';
  if (window.document.cookie.length > 0) {
    // if there are any cookies
    let offset = window.document.cookie.indexOf(findcookie);
    if (offset != -1) {
      // if cookie exists
      offset += findcookie.length; // set index of beginning of value
      let end = window.document.cookie.indexOf(';', offset); // set index of end of cookie value
      if (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);  // 种上cookie
      return 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
      });
    }