javascript - 我将如何为我的游戏制作本地高分表？(Javascript)

Question

好吧，我用 JavaScript 做了一个快速的打地鼠游戏。我有一个计数器，可以计算地鼠的点击次数。我的动画功能是这样的

    function animate0(pos) {
    pos %= urls.length;
    var animation0 = document.getElementById('animation0');
    var counter = document.getElementById('counter');
    animation0.src = urls[pos];
    if (pos == 1) { // only make onclick when have a certain image
        animation0.onclick = function() {
            counter.innerHTML = parseInt(counter.innerHTML) + 1;
        }
    }
    else {
        animation0.onclick = function() {
            //do nothing
        }
    }
    setTimeout(function() {
        animate0(++pos);
    }, (Math.random()*500) + 1000);
}

我通过这段代码显示计数器，

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

虽然这无关紧要，但这是我显示动画的方式，

<img id='animation0' src ='http://i51.tinypic.com/sxheeo.gif'/>

我不知道如何制作本地计算机高分表(可能有 5 个左右的分数点)。帮助？ 谢谢， 史蒂文

Answer 1

使用 cookies或 HTML5 databases .

一个非常糟糕的 cookie 示例:
setCookie('highscores', '100,120,130,140,​​150')

后来

var highscores = getCookie('highscores').split(',') //now contains [100,120...]

或者，如果您想存储名称和其他数据，您可以将 json 对象存储为字符串。数据格式可能如下所示:

[{name: 'STK', score: 1100}, {name: 'ASS', score:'1000'}]

您需要使用 JSON 处理库(在 jquery 或其他软件中)来字符串化您的数组，然后再对其进行解析。