LocalStorage检查模态打开的次数

时间:2018-05-21 13:22:57

标签: javascript json local-storage counter

我页面中的模态数量不确定,全部由特定ID决定。我正在做的是检查模态打开的次数,然后,通过使用计数器,我达到了一定的限制。

此限制取自JSON文件,然后与模式打开的次数进行比较。

但是这里抓住了。我需要将这些数据(关于开口的数据)保存到LocalStorage中,因此每次关闭浏览器时数据都会保留。

正如你所看到的,我有一个" testObject"在LocalStorage中创建的变量,这个变量等于alertCounter。然后我将它与我的ShowingLimit变量(从JSON文件中提取)进行比较,并向我显示警报。

问题很简单。如何防止数据重启?

var alertCounter = 0;
$("#" + modalName + "").on("shown.bs.modal", function(e){
    alertCounter++;
    localStorage.testObject = alertCounter;
    if(localStorage.testObject == showingLimit){
        alert("We've reached the limit");
        });
    }
})

1 个答案:

答案 0 :(得分:0)

你应该尝试这样的事情:

 if(localStorage.testObject){ //Is there any testObject?
         if(+localStorage.testObject >= showingLimit )//is equal to the limit
           {
             alert("We've reached the limit");//or whatever
           }
           else{
                +localStorage.testObject++; //+ 1
                }

         }else{
               localStorage.testObject = 1; //first time
               }

请注意,+是要转换为整数,因为它存储为字符串。