Javascript 使用cookie存储和获取整数

用户从0.00开始，每次单击图像后，他们会额外获得+0.05

所以我有

$(document).ready(function(){
   $("#image1").one("click",function(){
   //
}

---

如何创建一个cookie，在第一页加载时存储0.00，然后在每次单击图像后添加0.05？我想，每次单击后都需要刷新页面，因此需要对其进行存储。

尝试以下操作：如果支持，则使用

localStorage

，否则使用cookies

var objCookie = {
    set: function (name, value, days) {
        try {
            var expires = '';
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toGMTString();
            }
            document.cookie = name + "=" + value + expires + "; path=/";
        } catch (e) {
            console.log(e);
        }
    },
    get: function (name) {
        try {
            var nameEQ = name + '=',
                ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = $.trim(ca[i]);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
            }
            return null;
        } catch (e) {
            console.log(e);
        }
    },
    remove: function (name) {
        try {
            objCookie.set(name, '', -1);
        } catch (e) {
            console.log(e);
        }
    }
};

var objLocalStorage = {
    set: function (name, value) {
        try {
            localStorage.setItem(name, value);
        } catch (e) {
            // alert('Local Storage is not supported');
            objCookie.set(name, value);
            console.log(e);
        }
    },
    get: function (name) {
        try {
            return localStorage.getItem(name);
        } catch (e) {
            // alert('Local Storage is not supported');
            return objCookie.get(name);
        }
    },
    remove: function (name) {
        try {
            localStorage.removeItem(name);
        } catch (e) {
            // alert('Local Storage is not supported');
            objCookie.remove(name);
            console.log(e);
        }
    }
};

$(document).ready(function () {
    objCookie.set('myKey', '0.0');

    $("#image1").one("click", function () {
        objCookie.set(parseFloat(objCookie.get('myKey')) + 0.5);

        // Refresh:
        window.location.reload();
    });
});

var objCookie={
集合：函数（名称、值、天数）{
试一试{
var失效=“”；
如果（天）{
变量日期=新日期（）；
date.setTime（date.getTime（）+（天*24*60*60*1000））；
expires=“；expires=“+date.togmString（）；
}
document.cookie=name+“=”+value+expires+“path=/”；
}捕获（e）{
控制台日志（e）；
}
},
get：函数（名称）{
试一试{
变量nameEQ=name+'='，
ca=document.cookie.split（“；”）；
对于（变量i=0；i

您可以使用

localStorage

localStorage.setItem('cookieName', 0);

您可以使用

localStorage.getItem('cookieName');

如果是你的话

$(document).ready(function(){
  $("#image1").on("click",function(){
    localStorage.setItem('cookieName', localStorage.getItem('cookieName') + x);
}

你可以使用，或者为此。设置为SessionStorage的值将仅持续到用户关闭选项卡或浏览器，而LocalStorage将持续到被删除。 注意：dom存储是html5特性，因此IE<8不支持。有关浏览器支持的信息，请参见

dom存储只允许存储字符串，因此必须解析值才能处理数学运算

if(!localStorage.getItem('value')){ //check if there already are values saved
    localStorage.setItem('value', '0.00');
}
$(document).ready(function(){
   $("#image1").on("click",function(){
       var value = parseFloat(localStorage.getItem('value')); //parse the string saved to the storage.
       value += 0.05; // add your value 
       localStorage.setItem('value', value.toFixed(2)); //round the value to 2 decimals 
   });
});

要手动从localStorage中删除项目，可以使用：

localStorage.deleteItem('value');

document.cookie="theme=theme-dark"; //setter

如果您想使用cookies，您可以使用：

localStorage.deleteItem('value');

document.cookie="theme=theme-dark"; //setter

及

要将点打印到页面，可以使用s.th。例如：

var value = localStorage.getItem('value');
var par = $('<p />');
par.text('You have earned ' + value + ' points');
$('selector').after(par); //or .append() or s.th. similar what fits your needs

var value=localStorage.getItem（'value'）；
VaR PAR= $（“＜P/>”）；
文本（‘你赚了‘+值+’点’）；
美元（‘选择器’）。在（面值）之后//或.append（）或s.th。类似的东西适合你的需要

---

在ready函数中创建cookie，并在click函数中读取和递增

localstorage

如何？？在这种情况下，它比

cookie

要好得多！！或者您可以使用“谢谢”-如何在页面上打印项目的值？@frosty您只需使用

localStorage.getItem（'value'）

获取存储的值，您希望如何在页面上打印该值？