[javascript] 팝업 창 하루동안 보지 않기

 

 

팝업 div

<div id="new_pop" style="width:fit-content;height:100%;position:absolute;" > 
	<img style="" src="/images/popup/pop.jpg"/> 
    <div style="width:100%;height:20px;position:relative;"> 
        <a href="javascript:void(0);" onclick="exit2()" style="font-weight: bold; position: absolute; right:60px;">하루동안 보지 않기</a>
        <input type="checkbox" name="layer_close" style="position:absolute; right:40px;top:3px;"/> 
        <a href="javascript:void(0);" onclick="exit()" style="font-weight: bold; position: absolute; right: 10px;">X</a> 
    </div> 
</div>

팝업 스크립트

<script> 
	$(document).ready(function(){ 
    	cookiedata = document.cookie; 
        if(cookiedata.indexOf("close=Y")<0){ 
        	$("#new_pop").show(); 
        }else{ 
        	$("#new_pop").hide(); 
        } 
    }); 
    
    function exit(){ 
    	if($("input[name=layer_close]").is(":checked") == true){ 
        	setCookie("close","Y",1); 
        } 
        
        $("#new_pop").hide(); 
    } 
    
    function exit2(){ 
    	$("#new_pop").hide(); 
        setCookie("close","Y",1); 
    } 
    
    function setCookie(cname, cvalue, exdays) { 
    	var d = new Date(); 
        d.setTime(d.getTime() + (exdays*24*60*60*1000)); //시간설정 
        var expires = "expires="+d.toUTCString(); var temp = cname + "=" + cvalue + "; " + expires; 
        document.cookie = temp; 
    } 
</script>

쿠키를 이용하여 하루동안 보이지 않도록 해보았다.