소스자료실

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

Category

(Homepage)님의 글입니다.

창을 일정 시간 후 자동으로 닫기(종료하기)

2003-10-02 04:00:31, 조회 : 4,859, 추천 : 16

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

▶ 예제 보기

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

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

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

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

이 소스는 새 창으로 열리는 문서 안에서 사용을 합니다.. 새 창을 열어주는 문서가 아닙니다..
만약 이 소스를 사용한 문서가 보여지는 창이 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()의 실행 내용을 저장하고 있는 변수의 내용을 지워버리는 것입니다..

2023-05-29
09:00:24

추천하기

목록보기

현재글을 이메일로 보내기

이메일로 보내기

No	제 목	글쓴이	작성일	조회
613	클릭하면 아웃룩익스프레스 메일보내기 창 뜨도록 하는 태그		10-05 02:03	1896

612	[자바애플릿] 그림 위에 물이 흩어지는 소스		10-03 17:44	4851

611	지정한 여러 그림이 자동으로 변하는 소스		10-03 17:21	5110

610	깃털이 바람에 날리며 내려오는 소스		10-03 16:48	5740

609	그림태그인 <IMG> 태그에서 border=0을 꼭 써줘야 할까요?		10-03 16:43	1990

608	그림(사진) 보여주는 <IMG> 태그 초간단 설명		10-03 16:43	3017

607	플래시 뻐꾸기 시계		10-03 04:33	4844

606	플래시 벽시계		10-02 16:44	3710

	창을 일정 시간 후 자동으로 닫기(종료하기)		10-02 04:00	4859

604	마퀴 태그를 이용한 반짝이는 별이 이리저리 나타났다 사라지는 소스		10-02 03:15	5158

603	특이한 실시간 플래시 시계		10-01 18:12	4858

602	엔토이의 자신의 블로그 스타등록을 어디서든 하기 태그 소스		09-30 02:11	1951

601	엔토이의 토이토이 메신저 실행시켜 주는 소스 (어느 홈에서든 사용 가능)		09-30 02:09	1549

600	어느 사이트에서나 엔토이의 자신의 블로그 창 띄워주는 소스		09-30 01:59	1640

599	엔토이 블로그에서 웹폰트 적용하기		09-30 01:53	3163

[이전 10개] [1].. 11 [12][13][14][15][16][17][18][19][20]..[51] [다음 10개]