javascript实现倒计时N秒后网页自动跳转代码

124 阅读 0 评论 82 点赞

我是靠谱客的博主务实小甜瓜，最近开发中收集的这篇文章主要介绍javascript实现倒计时N秒后网页自动跳转代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<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.baidu.com">我的百度</a>
<input type="button" value="停止跳转" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.baidu.com");
</script>

代码很简单，却很实用，小伙伴们根据自己的需求放到自己项目中吧。