您可以使用lscache。它会自动为您处理这个问题，包括存储大小超过限制的实例。如果发生这种情况，它将开始删除最接近指定到期日期的项。

自述:

lscache.set

Stores the value in localStorage. Expires after specified number of minutes.

Arguments
key (string)
value (Object|string)
time (number: optional)

这是常规存储方法之间唯一的真正区别。Get、remove等工作原理相同。

如果您不需要那么多的功能，您可以简单地存储一个带有值的时间戳(通过JSON)，并检查它是否过期。

值得注意的是，将本地存储留给用户是有充分理由的。但是，当需要存储临时数据时，lscache之类的东西确实会派上用场。

这里强烈推荐使用sessionStorage

它与localStorage相同，但在会话销毁/浏览器关闭时销毁 此外，localStorage可以在选项卡之间共享，而sessionStorage只能在当前选项卡中使用，但值不会在刷新页面或更改页面时改变 sessionStorage对于减少cookie的网络流量也很有用

用于设置值使用

sessionStorage.setItem("key","my value");

获取值使用

var value = sessionStorage.getItem("key");

点击这里查看API

集合的所有方式都是

  sessionStorage.key = "my val";
  sessionStorage["key"] = "my val";
  sessionStorage.setItem("key","my value");

所有得到的方法都是

  var value = sessionStorage.key;
  var value = sessionStorage["key"];
  var value = sessionStorage.getItem("key");

您可以使用lscache。它会自动为您处理这个问题，包括存储大小超过限制的实例。如果发生这种情况，它将开始删除最接近指定到期日期的项。

自述:

lscache.set

Stores the value in localStorage. Expires after specified number of minutes.

Arguments
key (string)
value (Object|string)
time (number: optional)

这是常规存储方法之间唯一的真正区别。Get、remove等工作原理相同。

如果您不需要那么多的功能，您可以简单地存储一个带有值的时间戳(通过JSON)，并检查它是否过期。

值得注意的是，将本地存储留给用户是有充分理由的。但是，当需要存储临时数据时，lscache之类的东西确实会派上用场。

为了搜索者的利益:

像Fernando一样，当存储的值很简单时，我不想添加json加载。我只需要跟踪一些UI交互并保持数据的相关性(例如，用户在结账前是如何使用电子商务网站的)。

这将不符合每个人的标准，但希望是一个快速复制+粘贴启动器为某人和节省添加另一个库。

注意:如果您需要单独检索项目，这将不太好。

// Addition
if(window.localStorage){
    localStorage.setItem('myapp-' + new Date().getTime(), 'my value');
}

// Removal of all expired items
if(window.localStorage){

    // two mins - (1000 * 60 * 20) would be 20 mins
    var expiryTime = new Date().getTime() - (1000 * 60 * 2);

    var deleteRows = [];
    for(var i=0; i < localStorage.length; i++){
        var key = localStorage.key(i);
        var partsArray = key.split('-');
        // The last value will be a timestamp
        var lastRow = partsArray[partsArray.length - 1];

        if(lastRow && parseInt(lastRow) < expiryTime){
            deleteRows.push(key);
        }
    }
    // delete old data
    for(var j=0; j < deleteRows.length; j++){
        localStorage.removeItem(deleteRows[j]);
    }
}

Javascript localStorage没有任何设置过期时间的选项

然后我使用这些函数来检查支持，设置和获取

function ls_support(){
    return "localStorage" in window&&window["localStorage"]!==null;
}

function lsset(key,val,exp){
    if(ls_support()){
        if(!exp) exp=600;// = 10 minutes Default
        localStorage[key]=
            JSON.stringify({
                "val":val,
                "exp":~~((new Date()).getTime()/1000)+exp
            });
    }
}

function lsget(key){
    if(ls_support()){
        str=localStorage[key];
        if("undefined"!=typeof(str)&&str.length){
            try{// is json or not
                json=JSON.parse(str);
            }catch(e){// if variable not set via lsset func
                //json.exp=false;// will return null
                return str;// will return original variable
            }
            if(json.exp){// variable setted via lsset func
                if(~~((new Date()).getTime()/1000)>json.exp){// expired
                    delete localStorage[key];
                }else{
                    return json.val;
                }
            }
        }
    }
    return null;
}

这似乎很有效:

来自W3C草案:

只有出于安全原因或用户请求时，用户代理才应该使本地存储区域的数据过期。用户代理应始终避免在可能访问该数据的脚本运行时删除数据。

你会想要使用setItem(键，值)对你的时间表进行更新;这将使用新数据添加或更新给定的键。