호빵홈 소스자료실
현재위치 : hobbang.co.kr > 소스자료실
소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 HTML 소스를 제공합니다.
또한 컴퓨터와 인터넷을 사용하면서 유용한 Tip도 제공하니 각 Category를 선택하세요.

Category

  (Homepage)님의 글입니다.
창을 일정 시간 후 자동으로 닫기(종료하기) 2003-10-02 04:00:31, 조회 : 4,468, 추천 : 16

소스를 가져가는 것은 자유이고 소스 설명을 이해하지 않고 그대로 복사해 가는 경우라면 설명의 출처를 http://hobbang.co.kr 이라고 표기해주시구요.. 자신이 이해하고 이 설명을 참고해서 자신의 홈에 올리는 경우라면 출처 안밝혀도 상관 없습니다.. ^^



▶ 예제 보기




열리는 새 창은 3초(=3000) 후에 자동으로 닫히도록 되어 있습니다..


▶ 자바스크립트 소스 보기
자바스크립트 내용은 복사해 갈 수 있도록 해놓았습니다. 아래의 [자바스크립트 소스 복사 클릭]을 누르면 복사가 되니 메모장에서 붙여넣기 해서 소스 보세요.



소스는 HTML 문서의 아무 곳에나 입력해서 사용하면 됩니다..

▶ 자바스크립트 소스 설명
필요에 따라서 수정해야 할 부분만 설명을 합니다..

<script language="javascript">
var wintimer;
clearTimeout(wintimer);
wintimer= setTimeout("closewin()",3000);  //천분의 1초 단위로 초를 지정합니다..

function closewin() {
   window.close();
}
window.onload=showWindow;
</script>


이 소스는 새 창으로 열리는 문서 안에서 사용을 합니다.. 새 창을 열어주는 문서가 아닙니다..
만약 이 소스를 사용한 문서가 보여지는 창이 onload=" " 에 의해 열린 창이나 링크된 곳을 클릭해서 새로 열린 창이 아니라면 (=사용자가 필요에 따라 익스플로러 아이콘을 클릭해서 연 경우라면) 지정된 초가 지난 후에는 이 창을 닫을 것이냐는 메시지 창이 나타납니다.. 여기에서 "아니오" 버튼을 선택하면 창은 닫히지 않습니다..

여러 분들이 필요에 의해 수정할 부분은 소스에서도 주석문(// 뒤에 있는 설명문)으로 해 놓은 부분입니다..

  • setTimeout("closewin()",3000);
    : 이 부분은 setTimeout() 이라는 자바스크립트 매소드(Method)에 의해 closewin()이라는 사용자가 만든 함수(=처리 단위 묶음)를 3초(=3000) 후에 처리하라는 뜻입니다.. setTimeout()은 () 안에 있는 것을 지정된 초 후에 실행하게 되고 지정된 초는 1/1000초 단위로 지정을 합니다.. 예를 들어 5초면 5000, 2.5초면 2500을 지정합니다.. 10초면 10000이 되겠죠..


  • (아래부터의 소스 설명은 추가적으로 설명하는 것이니 자바스크립트에 관심 없는 분은 설명 읽지 않아도 됩니다)

  • window.close();
    : window.close()는 현재 문서가 있는 창(윈도우 = window)을 닫으라는(=close) 뜻입니다.. 클릭에 의해 열리거나 자동으로 열린 창은 창을 닫을 것인지 묻는 메시지가 안보이고 자동으로 닫혀 버립니다..


  • setTimeout() 매소드는 함수 안에 들어 있지 않기 때문에(=function 함수() {}의 {} 안에 안 들어 있기 때문에) 이 자바스크립트 소스를 사용한 문서가 열리면 바로 실행이 됩니다..

    setTimeout() 앞에 쓴 wintimer 라는 변수는 위에서 var wintimer; 라고 지정을 해주었는데 이것은 setTimeout()을 실행한 것을 메모리의 어느 저장 장소(=변수)에 기억시켜 두는 것입니다..

    setTimeout()의 위에 있는 clearTimeout()은 setTimeout()의 실행 내용을 메모리에서 없애주는 것입니다.. 보통은 메모리에 저장된 내용이 setTimeout() 함수 실행 종료 후 자동으로 소멸이 되지만 그렇지 않은 경우가 있기 때문에 메모리 낭비를 없애기 위해서 따로 clearTimeout()으로 setTimeout()의 실행 내용을 저장하고 있는 변수의 내용을 지워버리는 것입니다..



    2022-05-17
    04:30:47


      추천하기   목록보기

    현재글을 이메일로 보내기

    No 제 목 글쓴이 작성일 조회
    718   플래시 벽시계     10-10 19:46 4769
    717   style로 배경그림 지정 태그 (배경그림 고정시키기)     10-24 18:20 4714
    716   전광판 자바애플릿 태그     10-12 21:04 4705
    715   마우스 따라 움직이는 플래시 고양이     02-01 01:40 4509
      창을 일정 시간 후 자동으로 닫기(종료하기)     10-02 04:00 4468
    713   이쁜 마우스 포인터(커서) 사용하기 js 파일 - 1     10-08 06:41 4421
    712   [포토샵] 연필로 그린 효과 만들기 - 2     12-05 12:55 4376
    711   [포토샵] 인물 사진 뽀샤시 하게(모델 사진처럼) 만들기     11-16 09:51 4371
    710   [펌] 플래시 동영상 강좌     09-29 16:12 4368
    709   호빵홈 공지/메모 화면처럼 이쁜 마우스 포인터(커서) 사용하기     10-08 06:10 4352
    708   마퀴 태그를 이용한 낙엽이 떨어지는 소스     09-06 04:18 4344
    707   홈피나 게시판 꾸미기에 사용하면 좋을 듯한 플래시 파일 모음     04-01 18:51 4314
    706   테이블에서 style로 배경그림 지정 태그 (배경그림 고정시키기)     10-24 18:23 4219
    705   [펌] 마퀴되어 멈추는 글과 세로 줄무늬 태그     05-15 00:06 4182
    704   플래시 디지캐럿 시계     10-18 23:25 4179
       [1][2][3] 4 [5][6][7][8][9][10]..[51] [다음 10개]
     
    Copyright 1999-2022 Zeroboard / skin by Praise Jesus
    Copyright ⓒ 1998~ . Hobbang.co.kr. All rights reserved.