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

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 webstorage(如果可能):仅在请求时才会检索信息，而不是在页面加载时检索信息。这意味着它不仅更快，而且更安全。

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

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

如何检索存储的值:document.getElementById("结果").innerHTML=localStorage.getItem("姓氏");