javascript - ページが更新された後にカウンターを保持していますか?

Question

私が作っているゲームのカウンターを保持する必要があります。彼らがゲームに勝つたびに、カウンターに1つ追加したい. ただし、勝つたびにページが更新され、新しいゲームが開始されます。ページがリロードされても、このカウンターを更新し続ける方法はありますか?

Answer 1

互換性のあるブラウザを使用している場合は、CookieまたはlocalStorageに値を保存します。

Answer 2

クッキーを使用できます。jQuery クッキー プラグインを使用した非常に単純な例を次に示します。

コード: https://github.com/carhartl/jquery-cookie

使用例：http ://www.electrictoolbox.com/jquery-cookies/

クッキーを設定:

$.cookie("example", "foo", { expires: 7 });

Cookie 値を取得します。

alert( $.cookie("example") );

とてもきれいでコンパクトです:)

Answer 3

クッキーに入れます。うーん...クッキー。うまい。

https://developer.mozilla.org/en/DOM/document.cookie

Answer 4

w3school cookieに簡単な説明があります。
簡単に言うと、ブラウザのデータをローカル マシンに保存する方法です。

// So, you may try
setCookie("win_count",value,exdays); // to set some data to "win_count"
// and after the page was reloaded to restore the win counter with the help of:
getCookie("win_count");

Answer 5

クッキーを使用する

jQuery:

$.cookie("example", "foo", { expires: 7 });

純粋な JavaScript:

function getCookie(name) {
    var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"))
    return matches ? decodeURIComponent(matches[1]) : undefined
}

function setCookie(name, value, props) {
    props = props || {}
    var exp = props.expires

    if (typeof exp == "number" && exp) {
        var d = new Date()
        d.setTime(d.getTime() + exp * 1000)
        exp = props.expires = d
    }

    if (exp && exp.toUTCString) {
        props.expires = exp.toUTCString()
    }

    value = encodeURIComponent(value)

    var updatedCookie = name + "=" + value

    for (var propName in props) {
        updatedCookie += "; " + propName
        var propValue = props[propName]
        if (propValue !== true) {
            updatedCookie += "=" + propValue
        }
    }

    document.cookie = updatedCookie
}

function deleteCookie(name) {
    setCookie(name, null, {
        expires: -1
    })
}