JavaScript缓存封装,支持过期秒数到了自动移除


        //添加缓存
        //key 缓存key,类型=字符串
        //value 缓存值,类型=object,string,数字,都可以存入
        //liveSeconds,缓存时长,秒。不设置就是一直缓存
        function addCache(key, value, liveSeconds) {
            var valueType = typeof (value);
            if (valueType == 'string') {
                sessionStorage.setItem(key, value);
            } else {
                var str = JSON.stringify(value);
                sessionStorage.setItem(key, str);
            }
            //缓存计时器,标识
            //相同键,清理之前的计时器
            var keyJs = key + "_pt296s";
            var jstId = sessionStorage.getItem(keyJs);
            if (jstId != null) {
                var timeOutId = parseInt(jstId);
                window.clearTimeout(timeOutId);
                sessionStorage.removeItem(keyJs);
            }

            //缓存类型,保存
            var cacheTypeKey = key + "_t";
            sessionStorage.setItem(cacheTypeKey, valueType);

            if (liveSeconds == undefined) {
                return;
            }
            if (liveSeconds <= 1) {
                return;
            }
            //移除缓存
            var km = setTimeout(function () {
                console.log('移除缓存,key=' + key);
                sessionStorage.removeItem(key);
                sessionStorage.removeItem(cacheTypeKey);
                sessionStorage.removeItem(keyJs);
            }, liveSeconds * 1000);
            console.log(999, km);
            sessionStorage.setItem(keyJs, km);
        }

        //获取缓存
        function getCache(key) {
            //缓存的类型
            var cacheTypeKey = key + "_t";
            var vt = sessionStorage.getItem(cacheTypeKey);

            //缓存值
            var va = sessionStorage.getItem(key);
            if ('object' == vt) {
                return JSON.parse(va);
            }
            else if ('number' == vt) {
                if (va.indexOf(".") >= 0) {
                    return parseFloat(va);
                }
                return parseInt(va);
            }

            return va;
        }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王焜棟琦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值