아재쉼터
웹팁 분류

새창 띄우기 일정시간이 흐른뒤 새창이 띄워지는

작성자 정보

  • GW 작성
  • 작성일

컨텐츠 정보

본문




자동으로 새창 띄우기 일정시간이 흐른뒤 새창이 띄워지는


일정시간이 지나면 새창아 띄워져라

<head>와 </head>

<script>
function popup(){
 pop=window.open('링크주소')
 pop.focus();
}
tid=setTimeout(popup,5000); //5천밀리초(5초)후에 popup함수실행
</script> 

 

간단히 링크걸듯 새창띄우기

<body>와 </body> 사이에

< a href=# onclick="window.open('open.html','name','resizable=no width=200 height=100');return false"> 새창열기</a>  

 

접속시 바로 새창 띄우기

<head>와 </head>사이에

<script language="JavaScript">window.open("팝업주소",'_blank','toolbar=no,location=no,status=no,menubar=no,scrollbars=auto,resizable=no,directories=no,width=400,height=400,top=100,left=100')</script>

특정 날짜에 팝업 띄우기

<script language="JavaScript">
<!--
var sdate= new Date("2013/08/27 01:00:00");
var edate= new Date("2013/08/27 19:00:00");
if(Date.now() >= sdate && Date.now() <= edate)
{window.open('popup.html','pop_20090608','left=0, top=0, width=300, height=408, menubar=no, scrollbars=no, resizable=no');}



 

접속시 바로 새창 띄우기

<head>와 </head>사이에

<script language="JavaScript">
function notice() {
window.open('문서경로','','location=no, directories=no,resizable=no,status=no,toolbar=no,menubar=no, width=300,height=400,left=0, top=0, scrollbars=no'); }
</script>

<body>는

<body omLoad="notice()"> 

​일정시간이 지난후 팝업 띄우기


① <head>와 </head>부분에 넣어줍니다.
 *****************************************
 <SCRIPT LANGUAGE="JavaScript">
 closetime = 5; // 몇초후에 팝업창을 닫을 것인가? 0 이면 안닫음
function Start(URL, WIDTH, HEIGHT) {
 windowprops = "left=0,top=0,width=" + WIDTH + ",height=" + HEIGHT;
 preview = window.open(URL, "preview", windowprops);
 if (closetime) setTimeout("preview.close();", closetime*1000);
 }

function doPopup() {
 url = "http://daonsol.com"; //새창으로 띄울문서이름
width = 300;  // 창의 가로크기
height = 150; // 창의 세로크기
delay = 10;    // 몇초후에 팝업창을 열것인가?
timer = setTimeout("Start(url, width, height)", delay*1000);
 }
 </script>


 ② <body>와 </body>부분에 넣어줍니다.
 *****************************************
 <body onload="doPopup();">



 ③ 새창으로 띄울문서의 위치지정
*****************************************
 <script language="JavaScript">
 <!-- JavaScript
 window.moveTo(0,0);
 // - JavaScript - -->
 </script>

[설명]
window.moveTo(0,0); 이 부분의 0,0을 적당한 픽셀값으로 수정하면 됩니다.

 



위 코드를 복사후 미리보기가 가능합니다

html 연습장



아재감성 아재공간 다온네



추천 업체




아재 음악


관련자료

댓글 0
등록된 댓글이 없습니다.
kkk
웹팁 72 / 1 페이지
RSS
  • http 접속하면 https로 접속시키려면
    등록자 GW
    등록일 03.18 조회 48

    웹팁 항상 https:// 으로 접속되게 하려면만약, 홈페이지로 들어오는모든(http://도메인이름) 접속을(https://도메인이름)으로 넘겨 주고…

  • 실시간 반응형웹 시뮬레이터
    등록자 GW
    등록일 03.15 조회 79

    웹팁 반응형웹 시뮬레이터Mobile simulator - responsive testing tool-본 페이지 구글번역-개요모바일 반응형 웹사이트를 …

  • 컴퓨터 그림 그리기 모바일 그림 그리기
    등록자 GW
    등록일 11.14 조회 374

    웹팁 드로잉 보드드로잉 보드란 무엇인가요?그림을 그리기 위해 매번 노트북을 켜지 마세요.모바일로 충분히 그림을 그릴 수 있습니다.작성한 그림을 서버로…

  • <a> 태그 속성 링크 방법 target 속성
    등록자 GW
    등록일 11.07 조회 348

    웹팁 하이퍼 링크(hyperlink) 만들기하이퍼 링크를 간단히 링크(link)라고를 구현하는 방법은HTML에서는 <a>태그 표현텍스트 링…

  • CSS 버튼 자동 생성 사이트
    등록자 GW
    등록일 09.25 조회 400

    웹팁 CSS 버튼 자동 생성기CSS버튼 만드는 방법 초보자도 쉽게 만들 수 있는CSS버튼 자동으로 만들어주는 사이트CSS버튼 자동 생성기를 소개합니다…

  • 실시간 날짜 요일 시간 스크립트
    등록자 GW
    등록일 04.05 조회 709

    웹팁 실시간 현재 날짜 보여주기실시간 시각 보여주기오늘이 몇 요일인지 보여주기 <div id="clock"> <div1><…

  • 5초마다 이미지 변경되는 페이지 만들기
    등록자 꾸니꾸니
    등록일 01.25 조회 540

    웹팁 페이지에 삽입된 이미지가 원하는 시간이 지나면자동으로 다른 이미지로 변경됩니다.먼저 1.2.3.4 이미지를 준비후계정에 업로드된 이미지 경로를 …

  • jfif 이미지 파일 JPG 변환 JFIF TO JPG…
    등록자 GW
    등록일 12.20 조회 1075

    웹팁 이미지 파일을 저장했는데 .jfif 파일?자동 변환 사이트를 이용하면 쉽게 원하는 이미지파일 형식으로 다운로드가 가능합니다JFIF 이미지 파일J…

  • 절대경로 확인하기
    등록자 GW
    등록일 06.13 조회 1169

    웹팁 절대경로를 확인할때 유용한 팁입니다 123456789<?php$path=getcwd();echo"ThisIsYourAbsolutePath:…

  • 오늘 날짜, 요일 구하는 자바스크립트
    등록자 GW
    등록일 02.23 조회 1177

    웹팁 오늘 날짜 요일 구하는 자바스크립트(javascript)날짜 월 일 날짜까지 간단하게 출력해주는 소스입니다.어디에 어떻게 사용할지...응용은 우…

  • 파비콘 만들기 favicio 적용하기
    등록자 GW
    등록일 01.18 조회 1038

    웹팁 피비콘 적용 예 :ico 또는 png의 확장자의 이미지를도메인(domain)의 루트(root) 디렉토리에업로드하여 주소창 앞에 파비콘 출력시킵니…

  • 그누보드 아미나 나리야 여분필드 개념
    등록자 꾸니꾸니
    등록일 01.18 조회 1310

    웹팁 여분필드는 1~10까지 있고 특별하게 프로그램 작업을 하지 않아도 html 안에 여분필드 컬럼을 넣으면디비에 데이터를 저장하거나 출력할 수 있습…

  • 애드센스 일치하는 콘덴츠 광고만 표시됩니다
    등록자 GW
    등록일 01.06 조회 872

    웹팁 일치하는 콘텐츠에 관한 중요 변경사항2021년 11월 15일2022년 3월 1일부터 일치하는 콘텐츠 단위는 광고만 표시하며 '멀티플렉스 광고'로…

  • WEBP를 JPG로 변환
    등록자 GW
    등록일 01.02 조회 1397

    웹팁 구글이 만든 이미지 포멧 무손실(PNG), 손실(JPG) 압축 다 지원용량도 적어서 웹에서 쓰기 좋은 WEBP브라우저는 다 지원하는데 이 WEB…

  • 웹에서 3D 모델링 돌려가면서 감상하기
    등록자 꾸니꾸니
    등록일 12.21 조회 883

    웹팁 웹3D뷰어사이트 스케치팹입니다최고의 플랫폼웹상의 3D 및 AR용3D 자산을 관리합니다. 3D 및 AR 경험을 배포합니다.다른 사람들과 협력하십시…

알림 0