5秒之后跳转到首页

qq_43717970

于 2021-03-28 10:27:42 发布

阅读量266

点赞数

分类专栏： JavaScript入门笔记文章标签： javascript css html html5

本文链接：https://blog.csdn.net/qq_43717970/article/details/115277136

版权

JavaScript入门笔记专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html>

<head>
    <title>5秒之后跳转到首页</title>
    <style>
        p{
            text-align: center;
        }
        span{
            color: red;
        }
    </style>
</head>
<body>
   <p>
       <span id="time">5</span>秒之后跳转到首页.......
   </p>

   <script>
       var t=5;
       var x=document.getElementById("time");
       function showTime(){
           --t;
           if(t<=0){
               location.href="https://ww.baidu.com"
           }
           x.innerHTML=t;
       }

       setInterval(showTime,1000);
   </script>
</body>
</html>