IT/프로그램 | 앱

HTML , JAVASCRIPT 일정 시간 후 페이지 이동

DKSOFT 2019. 8. 26.

1. HTML

 

<head></head> 사이에 META Tag 를 추가 해 줍니다.

 

<meta http-equiv="refresh" content="[시간];url=[이동할페이지]">

 

예제]

<!doctype html>
<html lang="ko">
<head>
     <meta http-equiv="refresh" content="5;url=https://www.naver.com"> <!--5초후 네이버로 이동-->
</head>
<body>

</body>
</html>

 

2. JAVASCRIPT

 

HTML 페이지가 Load 될 때 setTimeout 함수와 location.href 를 이용하여 페이지 이동

 

예제]

<!doctype html>
<html lang="ko">
<head>
	<title>테스트 페이지</title>
</head>
<script language="javascript">
    function window_onload(){ //페이지가 로드 될 때 호출
       setTimeout('go_url()',5);  // 5초후 go_url() 함수를 호출한다.
    }

    function go_url(){
       location.href="https://www.naver.com";  //네이버 페이지 이동...
    }
</script>
<body onload="javascript:window_onload()"> <!--페이지가 Load 될때 window_onload() 호출 -->
[HTML 내용]
</body>
</html>

 

댓글

💲 추천 글