Table of Content


常见的几种自动跳转页面的方式, 以 3 秒后跳转到本博客为例:

JavaScript setTimeout

<script type="text/javascript">
    // 3 秒后跳转到指定的页面
    setTimeout(window.location.href = 'https://meniny.cn', 3);
</script>

HTML meta 标签

<meta http-equiv="refresh" content="3;url=https://meniny.cn/" />

JavaScript

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>页面自动跳转</title>
</head>

<body>
    <script type="text/javascript">
        var t = 3; //设定跳转的时间
        setInterval("jump()", 1000); //启动1秒定时
        function jump() {
            if (t == 0) {
                location = "https://meniny.cn"; //#设定跳转的链接地址
            }
            document.getElementById('show').innerHTML = "" + t + "秒后将跳转到我的博客"; // 显示倒计时
            t--; // 计数器递减
        }
    </script>
    <span id="show"></span>
    <br/>
    <hr>
    <a href="javascript: jump();">点这里手动跳转</a>
</body>

</html>