web-dev-qa-db-ja.com

一定時間後にWebサイトをリダイレクトする

3秒ほどでサイトにリダイレクトされるというWebサイトの機能を使用するにはどうすればよいですか?

118
codedude
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />
180
Darin Dimitrov

おそらく 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をサポートする必要がある場合クライアントなど)。

62
LukeH

より高度な制御が必要な場合は、メタタグを使用する代わりに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>
44
mbrevoort

カウンターdivを更新しながら、X秒後にリダイレクトする完全な(まだ単純な)例は次のとおりです。

<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の初期コンテンツは、待機する秒数です。

16
noamtm

最も簡単な方法は、次のようなHTML METAタグを使用することです。

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

ウィキペディア

10
Ehsan

HTMLコードのとタグの間に次のHTMLリダイレクトコードを配置します。

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

上記のHTMLリダイレクトコードは、訪問者を即座に別のWebページにリダイレクトします。 content = "3;は、ブラウザがリダイレクトするまで待機する秒数に変更される場合があります。4、5、8、10、または15秒など。

4
Muhammad Saqib

この単純なJavaScriptコードを使用して、特定の時間間隔を使用してページを別のページにリダイレクトします...

このコードをWebサイトページに追加してください。これをリダイレクトします:

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