오늘 하루 열지 않기 | Javascript 56 [Cookie 생성 ] 오늘하루 안보기 팝업 구현하기 #1/4 – 자바스크립트 쿠키 생성하기 빠른 답변

+ 여기를 클릭

Source: qh5944.tistory.com

Date Published: 10/18/2022

View: 3523

주제와 관련된 이미지 오늘 하루 열지 않기

주제와 관련된 더 많은 사진을 참조하십시오 javascript 56 [Cookie 생성 ] 오늘하루 안보기 팝업 구현하기 #1/4 – 자바스크립트 쿠키 생성하기. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

주제에 대한 기사 평가 오늘 하루 열지 않기

• Author: Rock’s Easyweb
• Views: 조회수 1,610회
• Likes: 좋아요 41개
• Date Published: 2021. 4. 5.
• Video Url link: https://www.youtube.com/watch?v=LafnWAdrJn0

[Javascript] 오늘 하루 팝업 닫기

728×90

오늘 하루 팝업 창 닫기

쿠키를 구워서 오늘 하루 팝업 창을 닫을 수 있다.

setCookie 와 getCookie 함수를 사용하여 오늘하루닫기 클릭시 하루동안 창이 안열리게 할 것 이다.

먼저 팝업 창 HTML 마크업 작업을 한다.

오늘하루닫기 닫기 동의하고 신규 서비스 사용하기

우린 a태그의 오늘하루닫기를 클릭 시, 클릭 한 기준으로 부터 24시간 동안 해당 팝업 창을 보이지 않게 할 것이다.

force_________ :: [자바스크립트]공지사항

728x90

반응형

쿠키를 이용해 오늘 하루 그만보기 창을 구현 할 수 있다.

이는 팝업 등의 공지사항에 쓰면 유용할 것 같다.

* 체크 및 닫기 후 다시 창을 띄우기 위해선 인터넷 -> 쿠키 및 사용 기록 삭제를 해주면 된다.

레이어 팝업 오늘 하루 이창을 열지 않음

오늘 하루 이 창을 열지 않음 [닫기]

반응형

[javascript] 오늘 하루동안 이 창을 열지 않음 ( 팝업,레이어팝업 )

[javascript] (오늘) 하루동안 이 창을 열지 않음 ( 팝업,레이어팝업 )

1. 처리 방법

1) 프로그램 소스

// (오늘) 하루동안 열지 않기(소스)

하루동안 이 창을 열지 않음

2) 자바스크립트 소스(js 파일)

- 일자별 쿠키설정이 만 24시간 기준과 통념적 기준, 두가지 형태로 경우에 따라 처리

(7) 쿠키 설정하기 ( 오늘하루 열지않기, 다시보지않기 )

< (7) 쿠키 설정하기 ( 오늘하루 열지않기, 다시보지않기 ) >

팝업 설정시 [ 오늘하루열지않기 / 오늘하루 다시보지않기 ] 스크립트

// 팝업 열때 쿠키 확인 하고 없으면 팝업 열기 function Init( $class ){ if(getCookie($class) != 'done') { OpenPopup($class); } } // 오늘하루 열지않기 버튼 눌렀을 때 쿠키 설정하고 닫기 function ClosePopup( $idName ){ setCookie($idName, 'done', 1); popup.hide(); } // 쿠키 확인 function getCookie(name) { var nameOfCookie=name+"="; var a=0; while(a<=document.cookie.length) { var b=(a+nameOfCookie.length); if(document.cookie.substring(a,b)==nameOfCookie) { if((endOfCookie=document.cookie.indexOf(";",b))==-1) endOfCookie=document.cookie.length; return unescape(document.cookie.substring(b,endOfCookie)); } a=document.cookie.indexOf(" ",a) +1; if(a==0) break; } return ""; } // 쿠키 설정 function setCookie(name, value, expiredays){ var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"; }

오늘 하루 열지 않기 만들기

가끔 이벤트 배너를 띄울일이 있다 이때 오늘 하루 열지 않기 기능을 추가해야 할일이 있는데 구글링 하기 귀찮으니

정리해 두겠다!

// 다큐멘트 레디는 웬만하면 다 알고 있겠지만 html을 모두 로딩하고 나서 자동으로 실행하는 것이기 때문에

onload와 성격이 비슷하다. 그리고 언제든 실행될 준비가 되어있는 유용한 펑션이다.

checkCookie()라는 펑션을 실행시켜준다.

$( document ).ready( function () {

checkCookie();

});

코드는 쿠키가 있으면 (사용자가 오늘하루열지않음을 체크한 상태) 팝업창을 보여주지 않고

쿠키가 없다면 팝업창을 보여준다.

div id

=

"bannerBody"

>