每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的解決方案（如果我對此有錯，請隨時糾正我）