计数器变量在网页刷新后保存

Question

我正在尝试在页面刷新时保存计数器变量。例如，如果计数器为5000，则刷新后计数器将从5000开始备份并保持保存，因此不会以默认值开始。

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>

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

Answer 1

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

• 文档：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