setTimeout递归调用跳转页面

Posted 2020-09-26 清风白水

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了setTimeout递归调用跳转页面相关的知识，希望对你有一定的参考价值。

 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>

以上是关于setTimeout递归调用跳转页面的主要内容，如果未能解决你的问题，请参考以下文章

[javascript]各种页面定时跳转(倒计时跳转)代码总结