页面5秒后跳转

Posted 2020-06-30

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了页面5秒后跳转相关的知识，希望对你有一定的参考价值。

一、常见于404页面

<div class="demo">
    <p><span>4</span><span>0</span><span>4</span></p>
    <p>抱歉(´?ω?`)，该页面不存在<span id="time" color="#FFF"> 15</span> 秒钟之后自动跳转</p>
    <!--，如果不跳转，请点击下面链接 -->
<!--    <a href="http://www.baidu.com/">百度</a>-->
</div>
<script  type="text/javascript">
    function delayURL(url) {
        var delay=document.getElementById("time").innerhtml;
        if(delay>0){
            delay--;
            document.getElementById("time").innerHTML=delay;
        }
        else{
            window.top.location.href=url;
        }
        setTimeout("delayURL(‘" + url + "‘)", 1000);
    }
    delayURL("http://www.baidu.com/");
</script>

（二）类似方法：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function countDown(secs,surl){
//alert(surl);
var jumpTo = document.getElementById(‘jumpTo‘);
jumpTo.innerHTML=secs;
if(--secs>0){
     setTimeout("countDown("+secs+",‘"+surl+"‘)",1000);
     }
else{
     location.href=surl;
     }
}
</script>
</head>

<body><span id="jumpTo">5</span>秒后自动跳转到http://www.baidu.com/
<script type="text/javascript">countDown(5,‘http://www.baidu.com/‘);</script>
</body>
</html>

以上是关于页面5秒后跳转的主要内容，如果未能解决你的问题，请参考以下文章

html制作，点击按钮在页面上显示文字5秒后跳转网页