存储越来越多的数字以继续刷新？

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 网络存储： http://www.w3schools.com/html/html5_webstorage.asp

如果这不起作用，您可以随时设置一个 cookie（不推荐）。

如果可能的话，详细说明为什么应该选择 html5 网络存储： 该信息仅在请求后才被检索，而不是在页面加载时检索。 这意味着它不仅更快，而且更安全。

请注意，IE 和早期版本的现代浏览器可能不支持它。

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

如何检索存储的值： document.getElementById("result").innerHTML=localStorage.getItem("lastname");