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，但不太了解。

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

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

1 个答案: