javascript - 重定向页面延迟或继续

Question

我有一个包含其他网站链接的页面。当用户单击链接时，它会通过 redirect.php 将其重定向到所需的站点。

我想获得的是:在我放置的重定向页面中:

<meta http-equiv="refresh" content="3;URL=<?php echo $post_url ?>" />

为了让用户在 redirect.php 中停留 3 秒。我想让用户在这个页面有两个选择:

1. 如果要读取redirect.php 中显示的内容，则保持并卡住。
2. 立即或在阅读内容后跳过它，并转到所需的站点。

我更喜欢 PHP，但我相信它需要 jquery，我想知道是否有人可以将我(有趣的我)重定向到一个使用免费代码的工作示例，无论是 jquery、JS 还是 PHP。

谢谢。

Answer 1

而不是 <meta http-equiv="refresh"... >使用 Javascript 重定向，使用 jQuery 它可能看起来像这样:

$(function(){
    window.redirectTimeout = setTimeout(function(){  // set a redirect timeout of 3 seconds
        window.location.href = '<?php echo $post_url ?>';
    }, 3000);

    $('#cancelBtn').on('click', function(){  // assuming #cancelBtn is used to cancel redirection 
        clearTimeout(window.redirectTimeout);
    });
});

要直接转到其他站点，只需在您的页面中使用一个简单的链接即可:

<a href="<?php echo $post_url ?>">Go there now!</a>