每x次增加元素中一个数字的值-未消失

Question

好的，我需要Javascript什么会起作用，每个X时间数字都会增加，但当我刷新浏览器时，这个数字不会消失，并保持在线(保存(

var i = 0; // Value starts off at zero
function increment() {
i++; // Change to i += [yourvalue] for any increase other than 1
document.getElementById('count').innerHTML = i;
}
setInterval('increment()', 2000); // Increments every 2 seconds

我有这个，它是工作的，但当我刷新增加时间消失

Answer 1

在函数中，您要递增X值，请将其设置为本地存储。

localStorage.setItem('X', value);

类似地，从localStorage获取项并将其设置为初始值。

var x = localStorage.getItem('X') || 0

Answer 2

function increment() {
var n = localStorage.getItem('on_load_counter');
if (n === null) {
n = 0;
}

n++;


localStorage.setItem("on_load_counter", n);

document.getElementById('counter').innerHTML = n;
}
setInterval('increment()', 2000);