首页 > 其他 > 详细

案例-5s之后跳转页面

时间:2020-05-25 20:55:25      阅读:52      评论:0      收藏:0      [点我收藏+]

案例分析:

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>

 

案例-5s之后跳转页面

原文:https://www.cnblogs.com/cy1227/p/12960611.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!