案例-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>

猜你喜欢

转载自www.cnblogs.com/cy1227/p/12960611.html