如何为博客中的所有外部链接创建重定向页面

Question

我对这些代码很陌生，但我会尝试解释一下，以便您更好地理解。

我想要什么，我想在博客中创建一个页面，该页面将在 5 - 10 秒后重定向。就像 php 一样，我们可以通过该页面重定向任何外部 url（下载链接）。我找到了一些代码，但它没有正确重定向，在下面显示...

<h3>Page Will Redirect After <span id="countdown">10</span> seconds</h3>

<!-- JavaScript part -->
<script type="text/javascript">
    
    // Total seconds to wait
    var seconds = 20;
    
    function countdown() {
        seconds = seconds - 1;
        if (seconds < 0) {
            // Chnage your redirection link here
            window.location = "https://www.google.com";
        } else {
            // Update remaining seconds
            document.getElementById("countdown").innerHTML = seconds;
            // Count down using javascript
            window.setTimeout("countdown()", 1000);
        }
    }
    
    // Run countdown function
    countdown();
    
</script>

With this code i made a page (example: abc.blogspot.com/p/go.html) and i add link in post "<a href="http://abc.blogspot.com/p/go.html?redirect=www.facebook.com">LINK</a>"

but it's not redirect to facebook because in code mention : "window.location = "https://www.google.com";"

如何在博客中制作带有计时器的重定向页面，并使用 html 代码重定向帖子中的所有外部链接？

Answer 1

您需要从 URL 中获取“查询参数”并将 google 链接更改为该链接。

var seconds = 20;
var urlParams = new URLSearchParams(window.location.search);
var redirectLink = urlParams.get('redirect');
// CAUTION: assumes the redirectLink passed in URL is a valid URL.
// that is, it starts with a protocol - http://,  https://

function countdown() {
    seconds = seconds - 1;
    if (seconds < 0) {
        // Chnage your redirection link here
        window.location = redirectLink;
    } else {
        // Update remaining seconds
        document.getElementById("countdown").innerHTML = seconds;
        // Count down using javascript
        window.setTimeout("countdown()", 1000);
    }
}

// Run countdown function
countdown();

<h3>Page Will Redirect After <span id="countdown">10</span> seconds</h3>

忠告：除非您有充分的理由这样做，否则请不要这样做。

1. 足够聪明的用户无论如何都可以在地址栏中看到重定向 URL，并使用它来绕过您的“请稍候”。
2. 它会带来糟糕的用户体验。

Answer 2

感谢@Sudhanshu Vishnoi 它正在工作，但整个页面的网址和下载链接显示如下示例：

<a href="http://abc.blogspot.com/p/go.html?redirect=http://www.mediafire.com/file/code.rar">LINK</a>

有没有办法隐藏下载链接，因为你知道人们的情况，他们不想要 5 或 10 秒，他们会复制下载链接，所以我想隐藏整个 url 或至少下载链接，这可能吗？如果是，那怎么办？