setTimeout递归调用跳转页面

本文转载自查看原文 2017-07-02 21:17 1368 web前端

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script>
 7         window.onload = function () {
 8             function $(id){
 9                 return document.getElementById(id);
10             }
11             setTimeout(goIndexPage,1000);
12             var count = 5;
13             function goIndexPage(){
14                 count--;
15                 $("demo").innerHTML = "<a href='http://www.baidu.com'>还有"+count+"秒即可跳转</a>";
16 
17                 if(count<=0){
18 
19                     window.location.href = "http://www.baidu.com";
20                 }
21                 else {
22                     setTimeout(goIndexPage,1000);
23                 }
24             }
25 
26         }
27     </script>
28 </head>
29 <body>
30     <div id="demo"></div>
31 </body>
32 </html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 settimeout 回调递归妙用常用的JS页面跳转代码调用大全常用的JS页面跳转代码调用大全 setTimeout()和setInterval() 何时被调用执行 js页面刷新 setTimeout 递归调用递归——自己调用自己(上) 多次调用settimeout 如何使用单例模式 setTimeout调用带参数的函数的方法 setTimeout调用带参数的函数的方法