Przekieruj stronę internetową po pewnym czasie

135

Co muszę zrobić, aby mieć funkcję w witrynie, która mówi, że przekieruje Cię do witryny za około 3 sekundy?

html redirect

— codedude
źródło

2

możliwy duplikat Jak mogę przekierować na stronę (główną) przez inną stronę (stronę sukcesu), na której ma być wyświetlany komunikat o sukcesie?

— kennytm

Jestem po prostu ciekawy, dlaczego miałbyś kiedykolwiek chcieć to zrobić? Za każdym razem, gdy odwiedzałem taką stronę, wolałbym zostać skierowany w 0 sekund.

— allesklar

@allesklar przepraszam za spóźnioną odpowiedź. Jestem w trakcie tworzenia witryny i chciałem sprawdzić, czy jest łatwiejsze przejście z edytora kodu do przeglądarki internetowej bez konieczności odświeżania za każdym razem.

— kodedude

Ten generator przekierowań JS pomoże Ci łatwo utworzyć fragmenty opóźnionych przekierowań. Obsługuje noscript i seo, a także ma poprawkę do IE 8 i niższą, aby przejść przez referer http!

— Patartics Milán

1

@allesklar jeden przykład użycia tego. Jeśli zmienisz domenę i chcesz, aby wszyscy zostali przekierowani do nowej domeny w pierwszym miesiącu (ale powiadomienie ich, że stara domena zostanie usunięta po mniej więcej miesiącu). Ponieważ nawet jeśli wyślesz i wyślesz e-mail, zawsze znajdzie się ktoś, kto zapomni i przejdzie do starej domeny.

— patricia

209

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

— Darin Dimitrov
źródło

Lub po prostu przekieruj do katalogu głównego, jeśli masz wiele witryn, używając <meta http-equiv = "refresh" content = "3; url = /" />

— DJSampat

1

W3C odradza

— używanie

69

Prawdopodobnie szukasz meta refreshtagu :

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

Zwróć uwagę, że w meta refreshdzisiejszych czasach używanie programu jest przestarzałe i marszczone, ale czasami jest to jedyna realna opcja (na przykład, jeśli nie możesz generować nagłówków przekierowań HTTP po stronie serwera i / lub musisz obsługiwać klientów innych niż JavaScript itp. ).

— LukeH
źródło

52

Jeśli chcesz mieć większą kontrolę, możesz użyć javascript zamiast używać metatagu. Pozwoliłoby to na uzyskanie pewnego rodzaju wizualizacji, np. Odliczania.

Oto bardzo podstawowe podejście przy użyciu 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>

Rozwiń fragment

— mbrevoort
źródło

Byłby to właściwy sposób, jeśli chcesz, aby tekst przed przekierowaniem dynamicznie odliczał do 0. Użyj 1-sekundowego licznika czasu, w którym funkcja licznika czasu aktualizuje tekst HTML, a następnie uruchamia nowy 1-sekundowy licznik czasu, aż upłyną 3 sekundy, a następnie wykonaj przekierowanie.

— Remy Lebeau

19

Oto kompletny (ale prosty) przykład przekierowania po X sekundach podczas aktualizowania licznika 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>

Rozwiń fragment

Początkowa zawartość elementu counterdiv to liczba sekund oczekiwania.

— noamtm
źródło

To nie działa, dopóki nie otrzymuje location.href="https://example.com";zwindow.location='https://example.com'

— NateH06

1

Może być lepiej window.location.replace("http://example.com");z powodów omówionych tutaj: stackoverflow.com/a/506004 Zmiana zapewniłaby tę odpowiedź bardziej ogólną.

— Psyche

10

Najprostszym sposobem jest użycie metatagu HTML w następujący sposób:

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

Wikipedia

— Ehsan
źródło

4

Umieść następujący kod przekierowania HTML między tagami i kodu HTML.

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

Powyższy kod przekierowania HTML natychmiast przekieruje odwiedzających na inną stronę internetową. Treść = „3; można zmienić na liczbę sekund, przez jaką przeglądarka ma czekać przed przekierowaniem. 4, 5, 8, 10 lub 15 sekund itd.

— Muhammad Saqib
źródło

1

Użyj tego prostego kodu javascript, aby przekierować stronę na inną stronę w określonym przedziale czasu ...

Dodaj ten kod do swojej strony internetowej, na którą chcesz przekierować:

<script type="text/javascript">
(function(){
   setTimeout(function(){
     window.location="http://brightwaay.com/";
   },3000); /* 1000 = 1 second*/
})();
</script>

— Sunny SM
źródło

<meta http-equiv="refresh" content="3;url=http://example.com/" />jest lepszą opcją, ponieważ jest prostsza i działa bez obsługi JavaScript.

— Edward

masz rację, bracie ... ale to zależy od sytuacji ... czasami musimy przekierować na konkretne wydarzenie, ponieważ JS jest najlepszą opcją.

— Sunny SM,

Rozumiem, co masz na myśli, „Sunny SM”. Chociaż metatagi powinny być używane prawie zawsze, mogą istnieć scenariusze, takie jak Twój, w których JavaScript byłby jedyną opcją.

— Edward,