JS实现倒计时网页自动跳转(如404页面经常使用到的)

浏览数：42 / 时间：2015年06月09日

在web前端设计中，我们经常会遇到需要实现页面倒计时跳转的功能，例如在404页面中也会经常使用到此功能，那么如何实现呢，其实实现方法很简单，实现代码如下：
<title>JS倒计时网页自动跳转代码</title>   
<script language="JavaScript" 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;
        }
       t = setTimeout("delayURL(‘"

+ url + "‘)", 1000);
    }

function stop1(){   
t && clearTimeout(t);
}
</script>
<span id="time" style="background: #00BFFF">1000</span>秒钟后自动跳转，如果不跳转，请点击下面的链接<a href="http://www.codes51.com">我要源码网</a>
<input type="button" value="停止跳转" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.codes51.com"); </script>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。