javascript - 计数器需要坚持记住最后一个数字

Question

我发现了这个 fiddle : https://jsfiddle.net/DinoMyte/sac63azn/3/

https://fiddle.jshell.net/DinoMyte/sac63azn/3/show/

var num = 10000000;

setInterval(function()
  {   
    num++;
    console.log(num);
    $('div').text(num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
  },6000);

它几乎按照我想要的方式工作。它是一个计数器，每 6 秒就会将数字加 1。例如:数字从 10,000,000 开始，然后每 6 秒为数字加 1。问题是当用户刷新或重新加载页面时，该数字会恢复到原来的 10,000,000。如果刷新或重新加载后，是否可以保存上次的号码？坚持？例如:现在的数字是 10,000,008，6 秒后是 10,000,009，然后用户单击或刷新或重新加载页面，它应该记住最后一个数字离开的位置:10,000,009 并从那里开始计数。

Answer 1

您可以使用localStorage来实现此目的。

只需使用此代码

var num = localStorage.getItem('evaluatedTimer') || 10000000;

setInterval(function()
  {   
    num++;
    console.log(num);
    var currentTimer = num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    localStorage.setItem('evaluatedTimer', currentTimer');
    $('div').text(currentTimer );
  },6000);