[js] 자바스크립트 쿠키 설정,쿠키 값 얻기,쿠기 삭제 방법

name 과 value 는 상황에 맞게 설정해 주세요.

 

쿠키 설정

function setCookie(name, value, exp) {
  var date = new Date();
  date.setTime(date.getTime() + exp*24*60*60*1000);
  document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
}

setCookie('pop', 'event0405', 7); /* pop=event0405, 7일 뒤 만료됨 */

쿠키 얻기

function getCookie(name) {
  var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
  return value? value[2] : null;
}

getCookie('pop'); /* 결과: pop0405 */

 

쿠키 삭제

function deleteCookie(name) {
  document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

deleteCookie('pop');

<a href="#" onclick="setCookie('pop', 'event0405', 1); " class="accept">1일동안 열지 않음.</a>

<script>
if(getCookie("pop") !="event0405"){
  //팝업창 작업은 이곳에
}
</script>

 

크롬에서 쿠키 확인하는 방법은

개발자도구(F12) 에서 Application 탭 Cookies 에서 확인하시면 됩니다.

 

 

출처 : https://yj-code.tistory.com/7