用定时器setInterval实现几秒后页面自动跳转的另一个页面

用定时器setInterval实现几秒后页面自动跳转的另一个页面

<!DOCTYPE html>
<html>
<head>
    <title>用定时器实现几秒后页面自动跳转的另一个页面</title>
    <script src="/Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
</head>
<body>
    <div>
        <p>
            此页面<span id="count-span">3</span>秒后将自动跳转
        </p>
    </div>
    <script type="text/javascript">
        window.onload = function(){
            var count = 3;
            setInterval(function(){
                count--;
                if(count == 0){
                    window.location.href = "http://www.baidu.com/";//跳转后的页面
                }else{
                document.getElementById("count-span").innerHTML = count;
            }
            },1000);
        }
    </script>
</body>
</html>

  

posted @ 2020-09-23 17:25  挥不去的执念  阅读(721)  评论(0编辑  收藏  举报