PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HTML5+CSS3教程 > 正文

    设置H5有效缓存时间

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:设置H5有效缓存时间
    <script type="text/javascript">
        //封装过期控制代码
        function set(key,value){
            var curTime = new Date().getTime();
            localStorage.setItem(key,JSON.stringify({data:value,time:curTime}));
        }
        function get(key,exp){
            var data = localStorage.getItem(key);
            var dataObj = JSON.parse(data);
            if (new Date().getTime() - dataObj.time>exp) {
                console.log('信息已过期');
                //alert("信息已过期")
            }else{
                //console.log("data="+dataObj.data);
                //console.log(JSON.parse(dataObj.data));
                var dataObjDatatoJson = JSON.parse(dataObj.data)
                return dataObjDatatoJson;
            }
        }
    </script>

    使用方法
    <script>
    window.onload = function(){
        var Ipt = document.getElementById('input1');
        var value = '{"name":"和派孔明","Age":"18","address":"陆家嘴金融城"}';
        set('information',value);

        Ipt.onclick = function(){
            //var dataObjData=get('information',1000);//过期时间为1秒,正常情况下,你点击的时候已经过期
            //var dataObjData=get('information',1000*60);//过期时间为1分钟
            //var dataObjData=get('information',1000*60*60);//过期时间为1小时
            //var Obj=get('information',1000*60*60*24);//过期时间为24小时
            var dataObjData=get('information',1000*60*60*24*7);//过期时间为1周
            console.log(dataObjData || null);
                if (dataObjData!="" && dataObjData!=null) {
                        console.log("姓名:"+dataObjData.name);
                        console.log("年龄:"+dataObjData.Age );
                        console.log("地址:"+dataObjData.Age );
                }else{
                    alert("获取的信息已经过期");
                }  
        }
    }
    </script>
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-142-5185-1.html
    相关热词搜索: