개발자의 서재

쿠키(cookie)이용하여 팝업 하루 보지않기 구현 본문

javascript, jquery

쿠키(cookie)이용하여 팝업 하루 보지않기 구현

ironmask431 2022. 3. 6. 14:47

//페이지로드시 function 실행
$(document).ready(function() {
	getCookieSecretCouponPopup();
}); 

//쿠키값이 있는지 확인하여 팝업창 show, hide 처리.
function getCookieSecretCouponPopup () {
	var cookiedata = document.cookie;
	if ( cookiedata.indexOf("popup_secret_coupon=done") < 0 ){
		$('.float-banner').show();
	}
	else {
		$('.float-banner').hide();
	}
}


//쿠키데이터 설정 function 
function setCookie( name, value, expiredays ) {
	var todayDate = new Date();
	todayDate.setDate( todayDate.getDate() + expiredays );
	document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";";
}

//하루동안 보지 않기 클릭 시
function closePop(){
	setCookie('popup_secret_coupon','done',1);
	$('.float-banner').css("display","none"); 
}
Comments