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

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

118 голосов
/ 20 июля 2010

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

Ответы [ 7 ]

182 голосов
/ 20 июля 2010 
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />
62 голосов
/ 20 июля 2010

Вы, вероятно, ищете тег meta refresh : 

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

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

45 голосов
/ 20 июля 2010

Если вы хотите большего контроля, вы можете использовать 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>
16 голосов
/ 03 июля 2016

Вот полный (но простой) пример перенаправления через 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 - это количество секунд ожидания.

10 голосов
/ 20 июля 2010

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

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

Википедии

4 голосов
/ 02 февраля 2012

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

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

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

1 голос
/ 21 сентября 2015

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

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

<script type="text/javascript">
(function(){
   setTimeout(function(){
     window.location="http://brightwaay.com/";
   },3000); /* 1000 = 1 second*/
})();
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...