新浪微博5s钟后跳转页面 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <div id="demo"></div>
 9 </body>
10 </html>
11 <script>
12     var demo = document.getElementById("demo");
13     var count = 5;
14     var speed = 1000;
15     setTimeout(goIndexPage,speed);  //  1秒钟之后去执行  goIndexPage这个函数
16     function goIndexPage() {
17         //alert(arguments.callee);
18         count--;
19         demo.innerHTML = "<a href='http://www.baidu.com'>本页面将在第"+count+"秒钟之后跳转页面</a>";
20         if(count <= 0)
21         {
22             // 如果 count 小于 0 就到了时间了   我们应该跳转页面
23              window.location.href = "http://www.baidu.com";
24         }
25         else
26         {
27             setTimeout(arguments.callee,speed);  //  递归调用  自己调用自己
28         }
29     }
30 </script>

 

posted @ 2017-12-28 14:09  前端极客  阅读(365)  评论(0)  编辑  收藏  举报