setTimeout递归调用跳转页面

最新推荐文章于 2022-10-12 14:51:14 发布

qq_45670012

最新推荐文章于 2022-10-12 14:51:14 发布

阅读量344

点赞数

分类专栏：前端文章标签： web前端

原文链接：https://www.mk2048.com/blog/blog.php?id=h0b2cccbibkj&title=setTimeout%E9%80%92%E5%BD%92%E8%B0%83%E7%94%A8%E8%B7%B3%E8%BD%AC%E9%A1%B5%E9%9D%A2

版权

前端专栏收录该内容

1223 篇文章 6 订阅

订阅专栏

 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>