duangan6797
duangan6797
2016-11-01 08:57

如果当前页面加载x秒,则重定向到另一个页面?

已采纳

Just curious if this could be possible. I am using an API and a function can sometimes take quite awhile to complete or even times out depending how it feels. Is there a way (Either with PHP, Javascript etc.) to be able to stop the page from loading after X amount of seconds and re-direct to another page?

Specifically, I'm using a form which is posted to the API using the standard form post mechanism.

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • douyang2530 douyang2530 5年前

    Depending on what it is that delays the slow page's response, the browser may not tear down the previous page for some time after the form submission. That means you have the opportunity to use a setTimeout to do the redirect.

    document.querySelector("selector-for-the-form").addEventListener("submit", function() {
        setTimeout(function() {
            location.href = "/path/to/redirect/to";
        }, 3000); // 3000 = three seconds
    }, false);
    

    That works for me on Chrome, Firefox, and IE when posting to this simple PHP page in my default setup, which does a five-second busy-wait:

    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Delayed</title>
    <style>
    body {
        font-family: sans-serif;
    }
    </style>
    </head>
    <body>
    <?php
    $end = time() + 5;
    while (time() < $end) {
        // wait
    }
    ?>
    <p>Done: <?php echo $_POST["foo"]?></p>
    </body>
    </html>
    

    Again, though, it depends on whether it takes several seconds for the API page to start sending data to the browser. If it's not caching, for instance, and starts sending a response right away but then takes a long time to finish sending its response, the browser may tear down the page and start building the new one.

    点赞 评论 复制链接分享