javascript - 如何根据计数器的值制作表格？

Question

我正在制作一个打地鼠游戏，我想为其制作一个本地高分表。目前我有一个计数器可以计算成功点击地鼠的次数。每次 session 后(当窗口关闭/单击停止按钮时)我希望将计数器的值保存在高分表中。当然需要按分数排序。例如:当最高分是 10 分，有人得到 11 分时，10 分就排在第 2 名，而 11 分就排在第 1 名。该表只需位于本地计算机上，输入名称就很好，但不是必需的。我需要一个这样的例子，我尝试过使用 HTML5 数据库但无济于事。我的计数器 div 是

<div id='counter' data-counter='0'>0</div>

还有一个例子，说明点击一颗鼹鼠计数器如何增加一次

if ($(this).data("state") == "up") {
    var counter = $("#counter");
    counter.data("counter", counter.data("counter") + 1);
    counter.text(counter.data("counter"));
}

我刚刚开始网络编程，所以我需要它尽可能对菜鸟友好。 :P 如果您需要澄清问题，请发表评论。谢谢!

Answer 1

如果你想存储在本地机器上，你可以使用cookies。您可以使用 cookie 保存任何字符串。在 jquery 中使用 cookie 的一个简单方法是使用 jquery cookie 插件: http://plugins.jquery.com/project/Cookie

您可以存储分数对象的序列化，例如，如果您将其放在数组中，您可以这样做:

$.cookie("scores", JSON.stringify(scoresArray));

要检索它，只需执行以下操作:

scoresArray = JSON.parse($.cookie("scores"));

JSON 函数可以在现代浏览器中运行。有关 JSON 的更多信息可以在 http://json.org 上找到。

希望这有帮助。干杯