Перенаправить сайт через определенное время

Что мне нужно сделать, чтобы на веб-сайте была функция, которая говорит, что она перенаправит вас на сайт через 3 секунды или около того?

7 ответов

Решение
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />

Вы, наверное, ищете metarefresh тег:

<html>
    <head>
        <meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
    </head>
    <body>
        <h1>Redirecting in 3 seconds...</h1>
    </body>
</html>

Обратите внимание, что использование metarefresh в настоящее время считается устаревшим и не одобряется, но иногда это единственно возможный вариант (например, если вы не можете создать на стороне сервера заголовки HTTP-перенаправления и / или вам требуется поддержка клиентов, не поддерживающих JavaScript и т. д.).

Если вы хотите большего контроля, вы можете использовать javascript, а не метатег. Это позволит вам иметь какое-то визуальное изображение, например, обратный отсчет.

Вот очень простой подход с использованием setTimeout()

<html>
    <body>
    <p>You will be redirected in 3 seconds</p>
    <script>
        var timer = setTimeout(function() {
            window.location='http://example.com'
        }, 3000);
    </script>
</body>
</html>

Вот полный (но простой) пример перенаправления через X секунд при обновлении счетчика div:

<html>
<body>
    <div id="counter">5</div>
    <script>
        setInterval(function() {
            var div = document.querySelector("#counter");
            var count = div.textContent * 1 - 1;
            div.textContent = count;
            if (count <= 0) {
                window.location.replace("https://example.com");
            }
        }, 1000);
    </script>
</body>
</html>

Начальное содержание counter div - это количество секунд ожидания.

Самый простой способ - использовать тег HTML META следующим образом:

<meta http-equiv="refresh" content="3;url=http://example.com/" />

Википедия

Поместите следующий код перенаправления HTML между тегами и и HTML вашего кода.

<meta HTTP-EQUIV="REFRESH" content="3; url=http://www.yourdomain.com/index.html">

Приведенный выше HTML-код перенаправления мгновенно перенаправит ваших посетителей на другую веб-страницу. Content="3; может быть изменено на количество секунд, которое вы хотите, чтобы браузер ждал перед перенаправлением. 4, 5, 8, 10 или 15 секунд и т. Д.

Используйте этот простой код JavaScript, чтобы перенаправить страницу на другую страницу, используя определенный интервал времени...

Пожалуйста, добавьте этот код на страницу вашего сайта, которую вы хотите перенаправить:

<script type="text/javascript">
(function(){
   setTimeout(function(){
     window.location="http://brightwaay.com/";
   },3000); /* 1000 = 1 second*/
})();
</script>
Другие вопросы по тегам