zoukankan html css js c++ java

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

查看全文

相关阅读:
问题6-10
7.19 1
经济学人常见词汇清单
 英语广播原声听力100篇MP3及听力原文
 6.30.2018
6.26
6.26
6.26
6.25
6.25

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