localstorage本地定时缓存

　　　在做一个网站时，起初直接就是从服务器获取数据进行交互，没有用一些本地缓存做优化，项目做下来就特别卡，并且对服务器造成了很大的压力，经过请教，查询，找到这样一个定时缓存的例子。html5定时缓存，从数据库获取到数据，如果不是实时变化的可以缓存到本地，隔一段时间后再次更新，可以提高网站浏览速度，也可以减少服务器压力。各位看官在做一些项目优化是可以试着应用上这个缓存的功能。

 var MyLocalStorage = {
               Cache: {
                    /**
                     * 总容量5M
                     * 存入缓存，支持字符串类型、json对象的存储
                     * 页面关闭后依然有效 ie7+都有效
                     * @param key 缓存key
                     * @param stringVal
                     * @time 数字 缓存有效时间（秒） 默认60s
                     * 注：localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。不能控制缓存时间，故此扩展
                     * */
                    put: function(key, stringVal, time) {
                         try {
                              if(!localStorage) {
                                   return false;
                              }
                              if(!time || isNaN(time)) {
                                   time = 60;
                              }
                              var cacheExpireDate = (new Date() - 1) + time * 1000;
                              var cacheVal = {
                                   val: stringVal,
                                   exp: cacheExpireDate
                              };
                              localStorage.setItem(key, JSON.stringify(cacheVal)); //存入缓存值
                         } catch(e) {}
                    },
                    /**获取缓存*/
                    get: function(key) {
                         try {
                              if(!localStorage) {
                                   return false;
                              }
                              var cacheVal = localStorage.getItem(key);
                              var result = JSON.parse(cacheVal);
                              var now = new Date() - 1;
                              if(!result) {
                                   return null;
                              } //缓存不存在
                              if(now > result.exp) { //缓存过期
                                   this.remove(key);
                                   return "";
                              }
                              return result.val;
                         } catch(e) {
                              this.remove(key);
                              return null;
                         }
                    },
                    /**移除缓存，一般情况不手动调用，缓存过期自动调用*/
                    remove: function(key) {
                         if(!localStorage) {
                              return false;
                         }
                         localStorage.removeItem(key);
                    },
                    /**清空所有缓存*/
                    clear: function() {
                         if(!localStorage) {
                              return false;
                         }
                         localStorage.clear();
                    }
               } //end Cache
           }
           
　　　　　　　　//调用缓存函数
           function getHotList() {
               try {
                    var cache = MyLocalStorage.Cache.get("cacheKey");
                    if(cache == null) {
                         $.get("php/timeUpdata.php", function(data) {
                              //                      result = JSON.parse(data);//字符串转josn串
                              MyLocalStorage.Cache.put("cacheKey", data, 2 * 60);
                         });
                    }
               } catch(e) {}
           }
           getHotList();

　　如果缓存的数据量比较大的话，就需要将数据转换为string格式。