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格式。