JavaScript中的计数器

Question

在网站上，用户应点击按钮。 在onclick()事件中，计数器应该计数。

我想使用JavaScript来计算，但是如何保存结果呢？

Answer 1

您必须拥有一台存放计数器的服务器。每次单击该按钮时，应通过某些ajax请求在服务器数据库上更新递增的计数器。

在客户端上，您有html5 local storage但它始终无法使用，因为这是客户的决定。

Answer 2

Javascript完全在客户端运行，因此除非您计划将数据发布到处理程序文件，否则您无法真正“保存”数据。

您所能做的就是使用jQuery.cookie库（https://github.com/carhartl/jquery-cookie）或类似内容将数据存储在cookie中。但请记住，这只会保存一个用户特定的点击录制实例，而不是每个用户体验。

如果您正在使用jQuery（这使得此过程更容易）

$(document).ready(function() {
   var clickCounter = 0;
   $("#yourdiv").on("click", function() {
       clickCounter++;
   });
});

要在网站上显示计数器，您需要：

<span id="clickCount"></span>

还有一点jQuery

$("#clickCount").text(clickCounter);