每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的解决方案（如果我对此错了，请随时纠正我！）