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調用帶參數的函數的方法