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

时间:2014-03-18 09:04:28

标签: javascript jquery html sql database

我试图存储一个不断增加的数字,以给出一个真实的感觉,即它的生活"并且目前正在使用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;
  }

1 个答案:

答案 0 :(得分:2)

尝试使用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");