Redirecting a Page with the HTML meta Tag

Tags:

You can use the HTML <meta> tag to move to another page after a specified amount of time.

Add the following <meta> tag inside the <head> tag.

<meta http-equiv="refresh" content="10;url=http://tistory.com">
<meta http-equiv="refresh" content="seconds;url=target-url">

Example

The following example moves to another page after 10 seconds.

<!DOCTYPE html>
<html lang="en">
<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>Redirecting a Page with a meta Tag</title>
    <script>
     $(function() {
            var seconds = 10;
            function counting() {
	            $(".seconds").html(seconds--);
                setTimeout(counting, 1000);
            }
            counting();
     });
    </script>
</head>
<body>
    <h1>Redirecting a Page with a meta Tag</h1>
    <p>The page will move after <span class="seconds">10</span> seconds.</p>
</body>
</html>

Run code