javascript - 每 5 次访问后更改链接 URL

Question

我想要完成的任务如下。

我的网站上有一个链接，但是我想在用户每 5 次访问或“页面刷新”后更改该链接并进行此循环。

例如，您访问我的网站，下载按钮链接到名为“www.site1.com”的网站。您刷新我的网站 5 次，下载按钮链接更改为“www.site2.com”。如果您第 6 次刷新它，它将返回到原始状态。

通过论坛搜索，我无法找到任何可以显示我在这里想要完成的任务的内容。我只是尝试使用 window.onload 和 setInterval 函数，每 5 秒更改一次链接。无论如何，可以轻松地将其从每 5 秒一次转换为每 5 个页面访问一次吗？

window.onload = function() {  
function changeURL(){
    document.getElementById("link").href = "www.site1.com";
}
setInterval(changeURL, 5000);
}

Answer 1

您可能想使用 JavaScript localStorage or sessionStorage为了这。以下是使用 localStorage

的代码示例

示例

window.onload = function() 
{  

    if (localStorage.visits)
    {
        //If the value is in local storage increase it's value
        localStorage.visits = Number(localStorage.visits) + 1;
    }
    else
    {
        //If the value isn't in local storage set it to 0
        localStorage.visits = 0;
    }

    //Check if the number of visits is greater than 5 and set the link accordingly
    if(localStorage.visits > 5)
    {
        document.getElementById("link").href = "www.site2.com";
    }
    else
    {
        document.getElementById("link").href = "www.site1.com";
    }
}

只有当浏览器支持localStorage时，这才有效。还需要注意的一件事是，如果关闭浏览器页面，该值不会重置。如果您希望它在页面关闭时重置，这就是 sessionStorage 的用途。

还有一点需要注意:用户可以通过清除浏览器数据来清除localStorage。如果你想要更持久的东西，我不相信有一个仅 JavaScript 的解决方案(如果我错了，请随时纠正我!)