一段时间后重定向网站

时间:2010-07-20 16:11:47

标签: html redirect

我需要做些什么来在网站上创建一个功能,它会在3秒左右的时间内将您重定向到该网站?

7 个答案:

答案 0 :(得分:178)

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

答案 1 :(得分:62)

您可能正在寻找meta refresh tag

<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客户端等。)

答案 2 :(得分:44)

如果您想要更好的控制,可以使用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>

答案 3 :(得分:16)

这是一个完整(但简单)的示例,在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的初始内容是等待的秒数。

答案 4 :(得分:10)

最简单的方法是使用HTML META标记:

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

Wikipedia

答案 5 :(得分:4)

在HTML代码的标记和标记之间放置以下HTML重定向代码。

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

上述HTML重定向代码会立即将访问者重定向到其他网页。 content =“3;可能会更改为您希望浏览器在重定向之前等待的秒数.4,5,8,10或15秒等。

答案 6 :(得分:1)

使用这个简单的javascript代码,使用特定的时间间隔将页面重定向到另一个页面...

请将此代码添加到您要重定向的网站页面中:

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