页面倒计时一定时间，实现跳转到另一页面

最新推荐文章于 2022-04-29 23:47:16 发布

sunshine_hl

最新推荐文章于 2022-04-29 23:47:16 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： html javascript

本文链接：https://blog.youkuaiyun.com/sunshine_hl/article/details/50503955

web前端专栏收录该内容

27 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
        window.onload=function(){
            var myspan=document.getElementById("myspan");
            var timer=10;/*倒计时的秒数*/
            var flag;
            function daojishi(){
                timer=timer-1;/*每一秒钟减一秒*/
                myspan.innerHTML=timer;
                if(timer==0){
                    location.href="http://www.baidu.com";/*所要跳转到的网址*/
                    clearInterval(flag);/*清除循环*/
                }
            }
            flag=setInterval(daojishi,1000);/*每一秒执行一次该函数*/
        }
    </script>
</head>
<body>
<div>
    页面跳转倒计时:<span id="myspan">10<!--页面从多少秒开始倒计时--></span>
</div>
</body>
</html>