Programming > JSP/HTML/JSTL

오늘 하루 안보이기 팝업 만들기

팝업을 24시간 표시안하기 

HTML

.e2_popup {position:fixed;
           left:0;right:0;top:0;bottom:0;margin:auto;
           width:500px;height:300px;
           background:black;
           display:none;
}

</style>

<div class="e2_popup">
           <button id="id_btn_not_today">오늘하루닫기</button>
</div>

Script

<script>
$(document).ready(function(){
          
           /** 쿠키를 체크해서 유효하면 팝업을 오픈한다. */
           if ( document.cookie.indexOf("e2_noti_popup=done") < 0 ){
                     $('.e2_popup').show();
           }         
          
           $("#id_btn_not_today").click(function(){
               let todayDate = new Date();
               todayDate.setTime(todayDate.getTime() + (24*60*60*1000));  // 하루 24시간 설정
               let expires = "expires=" + todayDate.toUTCString();
               document.cookie = "e2_noti_popup=done; " + expires;
               $(".e2_popup").hide();
           });
});
</script>