angular 给localStorage设置存储时间

cache.service.ts代码如下 

/*给localstorage设置缓存时间 */
import * as dayjs from 'dayjs';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class CacheService {
  key:any = {
    //辅助
    "expiredTime": "EXPIRED:TIME",
    "expiredStartTime": "EXPIRED:START:TIME",

    //全局使用
    //用户信息
    "loginInfo": "LOGIN_INFO",
    "userInfo": "USER_INFO",
    // 用户信息期限
    'loginDateRange':5*60*60*1000 // 登陆限制默认未5小时，转成毫秒 2小时 = 2*60*60*1000
  }

  /**
 * 设置缓存
 * @param key
 * @param value
 * @param expiredTimeMS  过期时间，单位ms
 */
  set(key:string, value:string, expiredTimeMS:any):void {
    // console.log("$cache set: key=" + key + " value = " + value + " expiredTimeMS = " + expiredTimeMS)
    if ((expiredTimeMS == 0) || (expiredTimeMS == null)) {
      localStorage.setItem(key, value);
    }
    else {
      localStorage.setItem(key, JSON.stringify(value));
      localStorage.setItem(key + this.key.expiredTime, expiredTimeMS);
      localStorage.setItem(key + this.key.expiredStartTime, `${dayjs().valueOf()}`);
    }
  }
/**
   *  获取键
   * @param key
   * @returns {*} key存在，返回对象；不存在，返回null
   */
  get(key:string):any{
    console.log(key)
    const expiredTimeMS = localStorage.getItem(key + this.key.expiredTime);
    const expiredStartTime = localStorage.getItem(key + this.key.expiredStartTime);
    const curTime = new Date().getTime();

    const sum = Number(expiredStartTime) + Number(expiredTimeMS);

    if ((sum) > curTime) {
      // console.log("$cache-缓存[" + key + "]存在！");
      return JSON.parse(localStorage.getItem(key));
    }
    else {
      // console.log("$cache-缓存[" + key + "]不存在！");
      this.remove(key);
      return null;
    }
  }

  /**
   *  移除键
   * @param key
   */
  remove(key:string):void{
    localStorage.removeItem(key);
    localStorage.removeItem(key + this.key.expiredTime);
    localStorage.removeItem(key + this.key.expiredStartTime);
  }

  /**
   * 对键重新更新过期时间
   * @param key
   * @param expiredTimeMS  过期时间ms
   */
  expired(key:string, expiredTimeMS:any):void{
    if (this.get(key) != null) {
      localStorage.setItem(key + this.key.expiredTime, expiredTimeMS);
    }
  }
  /**
   * 清除所有缓存
   */
  clear():void{
    localStorage.clear();
  }

} 

 使用：

...
import { CacheService } from 'src/app/untils/cache.service';

@Component({
   ...
})
export class LoginComponent {
   ...
    constructor(private cacheService:CacheService){
        //添加
        this.cacheService.set(this.cacheService.key.loginInfo,
          item,
          this.cacheService.key.loginDateRange
        );
       // 读取
       this.cacheService.get(this.cacheService.key.loginInfo);
       // 删除
       this.cacheService.remove(this.cacheService.key.loginInfo);
       // 清除所有
       this.cacheService.clear();
        }
}