Сохранение счетчика после обновления страницы?

Question

Мне нужно держать счетчик для игры, которую я делаю. Каждый раз, когда они выигрывают игру, я хочу добавить ее к счетчику. Тем не менее, каждый раз, когда они выигрывают, страница обновляется, чтобы начать новую игру. Есть ли способ обновить этот счетчик, даже если страница перезагружена?

Answer 1

Вы можете использовать куки, здесь очень простой пример с JQuery печенья плагин:

Код: https://github.com/carhartl/jquery-cookie

Примеры использования: http://www.electrictoolbox.com/jquery-cookies/

Набор печенья:

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

Получить значение cookie:

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

Очень чистый и компактный :)

Answer 2

Сохраните значение в файле cookie или в локальном хранилище, если используете совместимый браузер.

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 }); 

Pure 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 
    }) 
}