时间戳

首页 > 解决方案 > 如何让一个 JS 计数器永久保留计数的数量？

javascript - 如何让一个 JS 计数器永久保留计数的数量？

问题描述

我正在尝试在我的 tumblr 上创建一个页面，该页面上有一个按钮，该按钮会计算它被按下的次数。我已经让它工作了，但是浏览器关闭或刷新会清除该值，并且来自不同人的点击不会叠加。这是我所拥有的：

<body>
  <div class="main">

    <h3>Click Counter</h3>
    <button id="clickme">Click me: 0</button>

    <h5>Filler Text</h5>

  </div>
  <script>
    var button = document.getElementById("clickme"),
        count = 0;
        
    button.onclick = function() {
      count += 1;
      button.innerHTML = "Click me: " + count;
    };
  </script>
</body>

这会使按钮在按下时计数，但我希望它的行为如下：

用户 #1 点击两次。计数器读数为 2。

用户#2 访问页面，计数器已经是 2，用户点击了 3 次。计数器在 5。

用户 #3 访问，他们的计数器仍然为 5，等等。

截至目前，每个用户都访问了该页面，并且该值从零开始。帮助？

标签： javascripthtmltumblr-html

解决方案

javascript 在浏览器上运行并将所有变量存储在浏览器中，因此变量的范围在浏览器中。您可以使用本地存储，但如果所有用户都使用同一个浏览器，这不是您的需要，因此保留数据的唯一方法是将计数（数据）保存到服务器中并在页面加载时获取计数（数据）。

firebase real-time database如果您没有任何服务器，您可以使用。

网络版 Firebase 实时数据库入门

推荐阅读