每5次访问一次后更改链接URL

Question

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

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

因此，例如您访问我的网站和下载按钮链接到一个名为“www.site1.com”的网站。您刷新我的网站5次，下载按钮链接更改为“www.site2.com”。如果你第六次刷新它会回到原来的位置。

我一直无法找到任何搜索通过论坛，显示我想在这里完成的任何东西。我只是试验一个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的解决方案（如果我对此有错，请随时纠正我）