每 5 次访问后更改 link URL

Question

我想要完成的是以下内容。

我的网站上有一个 link，但是我想在每 5 次访问或用户 "page refreshes" 后更改 link 并有这个循环。

因此，例如，您访问我的站点并单击 link 下载按钮到名为 "www.site1.com" 的站点。您刷新我的站点 5 次，下载按钮 link 变为 "www.site2.com"。如果你刷新第 6 次，它会回到原来的状态。

我在论坛中搜索时未能找到任何显示我在这里尝试完成的内容。我只是在试验 window.onload 和每 5 秒更改一次 link 的 setInterval 函数。无论如何要轻松地将此从每 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 唯一的解决方案（如果我对此有误，请随时纠正我！）

每 5 次访问后更改 link URL

Changing link URL after every 5 visits

javascript

hyperlink