js本地存储设置有效时长

js本地缓存设置有效时间
以下举例为小程序(浏览器、vue、uniapp等都适用)
如需在其他环境下使用，对代码稍加修改就好(储存的写法)。
用户进入这个页面后第一次去获取数据，然后存下处理好的数据和当前时间。当用户第二次进入的时候。先去判断是否存下数据，没有存去请求，反之在判断当前时间和你存下时间+设置的缓存时间。如果当前时间大于缓存时间，那么移除缓存数据，并且重新获取数据存下，以及存下当前时间。反之，获取本地存下的数据去使用。

changetime(){let nowtime = Date.parse(new Date()); //当前时间let c_time = wx.getStorageSync('time'); //获取第一次存下的时间let Cachetime = c_time + 450000000; //设置缓存时间let data_Cachetime = wx.getStorageSync('citydatalist');if (data_Cachetime) { //判断是否存下了数据if (nowtime > Cachetime) {wx.removeStorageSync('citydatalist')this.getcitydata();}else{let data = JSON.parse(wx.getStorageSync('citydatalist'));this.setData({citylist:data,})}} else {this.getcitydata();//请求数据的方法}},

//举例请求方法
getcitydata(){this.City.getcity(res=>{if(res.code == 200){//处理好数据后wx.setStorageSync('citydatalist', JSON.stringify(city)); //存下数据wx.setStorageSync('time', Date.parse(new Date()))//存下时间}})
}

js本地存储设置有效时长相关推荐

android 设置动画时长,XamarinAndroid组件教程设置动画的时长参数
XamarinAndroid组件教程设置动画的时长参数在添加动画的时候,开发者还可以动画参数进行设置,如动画持续的时长.插值器等.下面依次讲解动画参数的设置方法. 1.设置动画时长设置动画持续的时 ...
【前端知识之JS】JS本地存储
前言本系列主要整理前端面试中需要掌握的知识点.本节介绍本地存储的四种方式,以及他们的比较和应用. 文章目录前言一.本地存储的方式 1.cookie 2.localStorage 3.sessio ...
js本地存储函数封装基于localStorage本地存储
函数封装 //基于localStorage本地存储 var store={set:function(name, value, day) { // 设置let d = new Date()let tim ...
JS本地存储方式，结合案例一看就懂
前端本地存储,即数据存储在浏览器中. 常用的方法有cookie.localStorage.sessionStorage 一.Cookie(常用于获取储存登录的用户信息) 作用:用于浏览器和服务器端进行 ...
webview设置请求时长_41个路口智能识别“公交信号” 66面电子屏告诉您乘公交车优先时长...
10月15日15时22分许,连续4辆公交车在位于南开区红旗南路的理工大学公交站进站,此时路面的一面电子屏上显示着"公交信号优先10秒"字样.这正是安装在公交车上的电子标识及其配套的 ...
JS获取音频的总时长，解决Audio元素duration为NaN || Infinity 问题
当我们在加载一个线上mp3地址或者获取audio的duration的时候,会发现有拿到duration是Infinity的情况,这时如果我们动态的展示录音时间时候就会有问题.首先明确一下这是chrom ...
JS本地存储localStorage封装
// 本地存储封装函数 function getListDate(key, data = null, isPush = false) { // 如果本地存储有就获取没有就返回空[] ...
JS本地存储（附实例）
localStorage 1.生命周期永久生效,除非手动删除,否则关闭页面也会存在 2.可以多窗口(页面)共享(同一浏览器可以共享) 3.以键值对的形式存储使用 1.存储数据:localStorage ...
原生js本地存储、获取、删除、清空
利用原生js手撕本地存储实现存储.获取.删除.清空功能. 代码如下: <!DOCTYPE html> <html><head><meta charset=& ...

js本地存储设置有效时长

js本地存储设置有效时长相关推荐

最新文章

热门文章