页面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>

 

 

 

 



posted @ 2016-03-28 10:09  半天的半天  阅读(711)  评论(0)  编辑  收藏  举报