javascript - 每 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

                    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);

Answer 2

在增加 X 值的函数中，将其设置为本地存储。

localStorage.setItem('X', value);

同样，从 localStorage 中获取项目并将其设置为初始值。

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