우리가 사는 세상을 모두 알기엔 인생은 너무 짧다.!!

사이트관리

3초후 자동 창 닫기

거북선인 2018. 3. 13. 15:29
반응형

3초후 웹페이지 자동 닫기 


지정된 시간이 지난 후 자동으로 창을 닫게하는 자바스크립트 소스입니다.

<HEAD>태그와 </HEAD>태그사이에 아래소스를 추가 하시면 됩니다.



<script language="JavaScript">

<!--

function auto_close() {

setTimeout('closed()',10000);

}


function closed() {

self.close();

}

auto_close();

//-->

</script>


※ 참고

setTimeout('closed()',10000); 는 10초를 뜻하며, 1분으로 지정할 경우 60000을 입력 함.

팝업창으로 사용할 수 있습니다. 



이렇게 하면 10초후에 창이 닫쳐요.

<BODY>

<script>

function mclose() {

window.opener = window.location.href; self.close();

}

setTimeout('mclose()', 10000); 

</script> 

</BODY>


어떤 이벤트(클릭등)가 실행된다음 10초 후에 닫히게 하실려면

setTimeout 요것도 함수로 만들고 함수가 실행되게 하면 되겠죠.


다시 말씀드리지만 어미창 닫는건 버그를 이용하는거라서 IE 에서밖에 실행이 안됩니다.



실제 적용해본 소스 

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function Timer() { 
setTimeout("locateKap()",10000); 
 } 
function locateKap(){ 
 location.replace("<?php echo str_replace("&amp;", "&", $download_url);?>"); 
 //--> 
</SCRIPT> 
<script language='javascript'> 
  cnt = 10; // 카운트다운 시간 초단위로 표시 
  function countdown() { 
  if(cnt == 0){ 
          // 시간이 0일경우 
        self.close();
  }else { 
        // 시간이 남았을 경우 카운트다운을 지속한다. 
        document.all.choonDiv.innerHTML = cnt + "초후에 창이 닫힙니다."; 
        setTimeout("countdown()",1000); 
  cnt--; 
  } 
  } 
</script> 
 
반응형