HTML meta 태그로 페이지 이동하기

Tags:

HTML

html의 <meta> 태그를 이용하면 지정한 시간에, 페이지를 이동하게 할 수 있다.

아래 <meta> 태그는 <head> 태그 사이에 추가해 준다.

<meta http-equiv="refresh" conten="10;url=http://tistory.com">
<meta http-equiv="refresh" conten="초단위;url=이동할url">

예제

아래 예제는 10초 후에 다른 페이지로 이동하는 예제이다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="10;url=https://www.devkuma.com">
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <title>meta 태그로 페이지 이동하기</title>
    <script>
     $(function() {
            var seconds = 10;
            function counting() {
	            $(".seconds").html(seconds--);
                setTimeout(counting, 1000);
            }
            counting();
     });
    </script>
</head>
<body>
    <h1>meta 태그로 페이지 이동하기</h1>
    <p><span class="seconds">10</span>초 후에 페이지가 이동합니다.</p>
</body>
</html>

코드 실행

최종 수정 : 2021-08-30