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

标签 javascript jquery html

我正在制作一个打地鼠游戏,我想为其制作一个本地高分表。目前我有一个计数器可以计算成功点击地鼠的次数。每次 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 如果您需要澄清问题,请发表评论。 谢谢!

最佳答案

如果你想存储在本地机器上,你可以使用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 上找到。

希望这有帮助。干杯

关于javascript - 如何根据计数器的值制作表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6605449/

相关文章:

javascript - 在 html 页面上使用多个元素 id 是否可取?

javascript - 在哪里可以找到一个好的 jQuery 投影插件?

javascript - 使用卡住时通过 javascript 设置不透明度

javascript - 用于跳转/单击的 jQuery/jQuery UI slider 事件。函数未触发

html - 如何使用 CSS 为所有浏览器垂直居中 div 元素?

javascript - 隐藏水平滚动条但使数据水平滚动

javascript - 如何缩短此 JQuery 代码

javascript - 将 n 层嵌套对象转换为数组

html - 隐藏 overflow-x 时 overflow-y 不工作?

javascript - 如何根据特定值突出显示 jsTree 节点?