localStorage的过期时间设置的方法?
我们都知道localStorage不主动删除,永远不会销毁,那么如何设置localStorage的过期时间呢,今天我们来一起尝试一下!
<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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
使用场景:
1.利用本地数据,减少网络传输
2.弱网络环境下,高延迟,低带宽,尽量把数据本地化
使用方法:
<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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
localStorage过期控制运行代码结果之未过期
localStorage过期控制运行代码结果之已过期
来源:http://blog.csdn.net/xyphf/article/details/51830770
localStorage的过期时间设置的方法?相关推荐
- java设置过期时间_java设置session过期时间的实现方法
本文实例讲述了java设置session过期时间的实现方法,分享给大家供大家参考.具体实现方法如下: 1.Timeout in the deployment descriptor (web.xml) ...
- 手写redis@Cacheable注解 支持过期时间设置
原理解释 友情链接 手写redis @ Cacheable注解参数java对象作为键值 @Cacheable注解作用,将带有该注解方法的返回值存放到redis的的中; 使用方法在方法上使用@Cach ...
- vue-cookies过期时间设置无效
vue-cookies过期时间设置无效 最近项目用到了vue-cookies,用是挺好用的,但是在设置过期时间时让我傻了眼,因为我按照之前网上的设置过期时间的方法,完全没用,不管怎么样设置他都是会话内 ...
- php 的cookie设置时间,php cookie时间设置的方法-PHP问题
php cookie工夫设置的办法:起首创立一个示例文件:而后输出cookie语句为"setcookie("cookie_name", "abcd", ...
- php 的cookie设置时间,php cookie时间设置的方法
php cookie时间设置的方法:首先创建一个示例文件:然后输入cookie语句为"setcookie("cookie_name", "abcd", ...
- kafka消息过期时间设置(全局和特定topic)
文章目录 一.kafka 全局消息过期时间设置 1. 配置文件夹 2. 修改配置 3. 重启配置生效 二.针对特定topic设置过期时间 2.1. 配置文件夹 2.2. 执行设置命令 三.kafka过 ...
- Rabbitmq消息过期时间设置
消息的过期时间 目前有两种方法可以设置消息的 TTL .第一种方法是通过队列属性设置,队列中所有消息都有相同的过期时间.第二种方法是对消息本身进行单独设置,每条消息的TTL可以不同.如果两种方法一起使 ...
- php修改sessiob时间_php中session过期时间设置
网上很多人给出了解答:修改php配置文件中的session.gc_maxlifetime.如果想了解更多session回收机制,继续阅读.(本文环境php5.2) 概述:每一次php请求,会有1/10 ...
- ElasticSearch文档过期时间设置
[b][size=large]新建索引启用过期设置:[/size][/b] PUT testindex{ "mappings": { "testtype": { ...
最新文章
- Oracle全文检索示例
- PKI/CA (1)为什么要有PKI/CA体系?
- 手动更改oracle监听,详解Oracle数据库手动注册监听的方法
- JAVA并发编程实战---第三章:对象的共享(2)
- Java--对象内存布局
- 第 22 期:有序遍历语法
- 网页数据导出为Excel(带图片)
- war文件放到服务器乱码,maven 打war包tomcat服务器乱码问题
- origin 画热图
- java 物联网项目_物联网工程综合实践-JAVA WEB开发.ppt
- 2021年机修钳工(初级)免费试题及机修钳工(初级)模拟考试题
- 【HTML期末学生大作业】 制作一个简单HTML保护野生动物老虎网页设计专题(HTML+CSS)
- iPhone屏幕尺寸(包含7p)
- 不限专业和工作年限就能报考的证书有哪些?
- 微信小程序:注册微信小程序
- CENTOS上的网络安全工具(十二)走向Hadoop(4) Hadoop 集群搭建
- 电脑设置鼠标光标颜色或大小时,点击之后窗口闪退
- 100以内所有质数的输出。
- python实现分词算法代码
- 推荐10本程序员必读的书籍!
热门文章
- 「C++: draft」一张图弄懂C++指针(*)和引用()以及深拷贝、浅拷贝
- 用于大数据开发的Centos7操作系统安装过程中遇到的问题总结
- 通过移位的方式实现相加算法
- Java与C#平台通信 WCF CXF SOAP
- JTable设置列宽、自动调整
- nc65语义模型设计_文本匹配方法系列––多维度语义交互匹配模型
- html访问java接口出现缓存_一个牛逼的多级缓存实现方案
- 干货 | 一文概览主要语义分割网络,FCN、UNet、SegNet、DeepLab 等等等等应有尽有
- import caffe失败 No module named caffe
- BM16 删除有序链表中重复的元素-II