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

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

---

我有这个功能，但当我在函数中刷新增加时间消失时，你正在增加X值，请将其设置为本地存储

localStorage.setItem('X', value);

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

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

---

将其存储在cookie或本地存储中。谢谢，但现在我添加了此项并增加了所有功能，但当我刷新此数字时，不保存并再次开始计数0到+只需保存此项

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

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