javascript - 网页刷新后保存的计数器变量

Question

我试图在页面刷新时保存计数器变量。例如，如果计数器为 5,000，则刷新后计数器将重新从 5,000 开始并继续保存，因此它不会以默认值开始。

var count = 309000000;
function tick(){
    count += Math.round(Math.random()*3);
    $('#test').text(count.toLocaleString());
    count;
    setTimeout(tick,Math.round(1000+Math.random()*3000));
}
tick();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<p id="test"></p>

此代码我已将默认变量设置为 309,000,000，但每次刷新页面时，该值都不会保存并返回默认值。请协助从哪里开始。我查看了本地存储和 cookie，但不太了解。

标签： javascript

Answer 1

您可以使用将变量保存在 sessionStorage 中sessionStorage.setItem('key','value')

• 文档：https ://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage
• 示例：https ://codepen.io/simranz/pen/GBXpPw

另一种选择是使用 localStorage

• 文档位于：https ://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage