JavaScript中的计数器[关闭]答案

【问题标题】：Counter in JavaScript [closed]JavaScript中的计数器[关闭]
【发布时间】：2014-01-26 13:58:19
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

您必须有一个服务器来保存计数器。每次单击该按钮时，应通过类似 ajax 的请求在您的服务器数据库上更新递增的计数器。

在客户端上，您有html5 local storage，但它并不总是可用，因为这是由客户端决定的。

【讨论】：

【解决方案2】：

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

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

如果您使用的是 jQuery（这使得这个过程更容易）

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

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

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

还有一点 jQuery

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

【讨论】：