自动跳转 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>自动跳转</title>
 6     <style>
 7         p{
 8             text-align: center;
 9         }
10         span{
11             color: red;
12         }
13     </style>
14 </head>
15 <body>
16      <p> <span id="time">3</span>秒之后,自动跳转到首页...</p>
17 
18 <script>
19     var second=3;
20     var time=document.getElementById("time");
21 
22     function showTime() {
23          second--;
24          if(second<=0){
25              location.href="https://www.baidu.com";
26          }
27 
28          time.innerHTML=second+"";
29     }
30 
31     setInterval(showTime,1000);
32 </script>
33 </body>
34 </html>

 

posted @ 2021-06-02 19:27  丁帅帅dss  阅读(123)  评论(0)    收藏  举报