2013-07-20 42 views
0

是否有可能使javascript或ajax計數器在刷新時不重置爲0?Javascript或Ajax like計數器

<script type="text/javascript"> 
var count = 0; 
function countClicks() { 
count = count + 1; 
document.getElementById("p2").innerHTML = count; 
} 
</script> 
</head> 
<body> 
<p> 
<a href="javascript:countClicks();">Count Clicks</a> 
</p> 
<p id="p2">0</p> 

回答

0

您可以使用localStorage堅持在客戶端的數據:

<script type="text/javascript"> 
    localStorage.clickCount = localStorage.clickCount || 0; 
    function countClicks() { 
    localStorage.clickCount++; 
    document.getElementById("p2").innerHTML = localStorage.clickCount; 
    } 
</script> 

當特定瀏覽器訪問該頁面的第一次,它將設置localStorage.clickCount varibale爲0每次用戶的瀏覽器點擊按鈕,這個變量將被增加並保存在瀏覽器中。

如果您想要在頁面的所有查看者之間共享計數,則必須實現服務器端持久性。無論您使用的是什麼後端,都必須實現獲取和設置點擊次數的值。

+0

只是爲了確保@ user2505070瞭解這裏發生了什麼,點擊是**不**在用戶(或瀏覽器)之間共享。它會統計你點擊按鈕的次數。 – Alxandr

+0

你是對的,這個問題很模糊,我沒有意識到有很多解釋「不重置」 – mor

+0

我的錯誤,我應該指定。無論如何,感謝您的迴應,ideea將在用戶之間共享 – user2505070