본문 바로가기

DEV/Javascript

[자바스크립트] 일정 시간 이후 자동으로 열린 팝업 종료시키기

반응형

현재 창에서 열린 팝업을 종료해야 될 경우가 있다.

아래 소스는 10초 후에 팝업창이 닫힌다.

==========================================================================================

 var popupObj;                                                    //팝업 창 생성 여부 확인, 전역 변수로 설정
 
 var stopTimeCheck = "";                                     //해당 팝업을 다시 열었을 경우 타이머 초기화
 
 function popupOpen(url){                                  //이 메서드를 통해 팝업을 오픈 시킨다.
  popupObj = window.open(url);

  if(stopTimeCheck != "")                                        //팝업을 다시 열 경우 기존 타이머를 초기화한다. 단 
   clearTimeout(stopTimeCheck);                           //처음 팝업을 열 경우에는 예외처리한다.

  stopTimeCheck = setTimeout( closePopup, 10000);   //10초 후에 closePopup 메서드를 실행시킨다.
 }
 
 function closePopup(){
  if(popupObj != undefined){
   popupObj.close();                                                 //팝업 종료
   popupObj = undefined;                                           
  }
 }


PS) 모바일 웹 페이지에서 동영상 URL을 팝업으로 열면 IOS에서는 내장 플레이어, ANDROID에서는 사용자가
임의로 동영상 플레이어를 설정 할 수 있다. 동영상을 일정 시간만 재생한 뒤 종료 해야 될 경우에도 위에 소스
를 사용하여 영상을 종료 시킬 수 있다.

반응형
댓글