案例-5s之后跳转页面

案例分析：

1.利用定时器做倒计时效果；

2.利用 location.href 跳转页面。

效果：

代码：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>5s之后自动跳转页面</title>
 6     </head>
 7     <body>
 8         <div></div>
 9         <script>
10             var div = document.querySelector('div');
11             var timer = 5;    //提前先调用以下函数 防止刷新时页面出现空白
12             skip();
13             setInterval(skip, 1000);
14             function skip(){
15                 if(timer == 0){
16                     location.href = 'https://www.cnblogs.com/cy1227/';
17                 }
18                 div.innerHTML = '您将在' + timer + '钟之后跳转到首页';
19                 timer--;
20             }
21         </script>
22     </body>
23 </html>

posted on 2020-05-25 20:11 SailorM 阅读(531) 评论(0) 编辑收藏举报