jQuery在每次刷新页面上保存数据

jQuery saving data on every refresh page

提问人:Oghomwen Ogunmwonyi 提问时间:11/16/2023 更新时间:11/16/2023 访问量:19

问:

我是 js 的新手,看到了一个代码,并希望在每次刷新页面时保存它更改的值。示例:我的值为 100,5 秒后更改为 150,此时页面刷新值存储为 150 而不是 100。我不知道如何继续下去,无法使用本地存储完成它。这是我的代码:

 HTML:

 <h2 id="cont"></h2>

 JS:

 <script type="text/javascript">
  let genRnd = function() {
      var min=0; 
      var max=9;  
      return Math.floor(Math.random() * (+max - +min)) + +min; 
  };

  setInterval(
      function() { 
          document.getElementById("cont").innerHTML = genRnd();
      }, 
      500
  );

</script>
jQuery查询

评论

0赞 Barmar 11/16/2023
用于保存值。localStorage
0赞 Oghomwen Ogunmwonyi 11/16/2023
@Barmer......我对localStorage了解不多......您可以使用我的代码实现localStorage吗?
0赞 Barmar 11/16/2023
我不会为你做这件事。谷歌一下,学习一下。
0赞 Oghomwen Ogunmwonyi 11/16/2023
@Barmar......我正在做一个项目,为了让我正确地进入它,我肯定会在 localStorage 上学到更多,我是新手。请帮我编写代码,在学习localStorage时,它对我有帮助且易于理解。谢谢
0赞 Barmar 11/16/2023
meta.stackoverflow.com/questions/326569/......

答:

0赞 Barmar 11/16/2023 #1

将随机数保存在 中。当页面加载时,从那里获取上一个值。localStorage

window.addEventListener("DOMContentLoaded", () => {
  let random = localStorage.getItem("random");
  if (random) {
    document.getElementById("cont").innerHTML = random;
  }
});

let genRnd = function() {
  var min = 0;
  var max = 9;
  return Math.floor(Math.random() * (+max - +min)) + +min;
};

setInterval(
  function() {
    let random = genRnd();
    document.getElementById("cont").innerHTML = random;
    localStorage.setItem("random", random);
  },
  500
);

评论

0赞 Heretic Monkey 11/16/2023
关于如何使用 localstorage,我们也有很多很多重复的内容;没有必要再添加一个......
0赞 Barmar 11/16/2023
@HereticMonkey 可能,但他们都不会展示如何在保存之前重构以将随机数分配给变量。我敢打赌他会写localStorage.setItem("random", getRnd());
0赞 Heretic Monkey 11/16/2023
...这本来是一个更好、更狭隘的问题。事实上,我们还有另一个问题,即如何在页面刷新期间保留数据。Stack Overflow 的目标不仅仅是帮助提出问题的人,而是帮助以后找到问题的其他人。
0赞 Barmar 11/16/2023
当然,但他不知道他需要问这个问题。当你不知道你不知道什么时,很难问正确的问题。
0赞 Heretic Monkey 11/16/2023
上帝保佑你花一些时间来教育用户。不想从你的代表收入中抽出时间......