存儲越來越多的數字繼續刷新？

Question

我試圖存儲一個不斷增加的數字，以給出一個真實的感覺，它是“現場”，並且目前正在使用jQuery將它的值一次增加1。 即使我要刷新頁面，我將如何存儲它，無論是在數據庫中還是在其中的任何地方繼續存在？

為了再次澄清，我喜歡存儲我不斷增加的價值/數字繼續進行，無論我是否在頁面上。 它總是在不斷增加。

如果需要的話，我現在有一個jsFiddle我當前的工作，並試圖找到這樣做的方法，但找不到任何解決方案。 任何幫助將不勝感激。

這是我的jsFiddle ！

HTML

<span id="liveNumbers"></span>

jQuery的

// Animate the element's value from x to y:
  $({someValue: 20431}).animate({someValue: 29989}, {
  duration: 50000099,
  easing:'linear', // can be anything
  step: function() { // called on every step
      // Update the element's text with rounded-up value:
      $('#liveNumbers').text(commaSeparateNumber(Math.round(this.someValue)));
  }
  });

 function commaSeparateNumber(val){
    while (/(\d+)(\d{3})/.test(val.toString())){
      val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
    }
    return val;
  }

Answer 1

試試HTML5 webstorage： http ： //www.w3schools.com/html/html5_webstorage.asp

如果這不起作用，您可以隨時設置cookie（不推薦）。

詳細說明為什么你應該在可能的情況下選擇html5 webstorage：只有在被要求時才會檢索信息，而不是在頁面加載時檢索。 這意味着它不僅更快，而且更安全。

請注意，IE和早期版本的現代瀏覽器可能不支持它。

如何保存值： localStorage.setItem("lastname", "Smith");

如何檢索存儲值： document.getElementById("result").innerHTML=localStorage.getItem("lastname");