封裝代碼

在項目根目錄項新建 utils 文件夾；再新建一個 idea.js 文件；

import store from "./store.js"module.exports = {// 計算剩余時間timeRemaining(val,time) {return new Promise((resolve, reject) => {let newTime = new Date().getTime();let oldTime = store.getItem(val);if (oldTime) {if (newTime > oldTime + time*1000) {resolve(0);} else {let downtime = Math.ceil(time + (oldTime - newTime) / 1000);resolve(downtime);}} else {store.setItem(val, newTime);resolve(time)}})} }

1. 引入緩存

import store from "./store.js"

如何封裝本地緩存點擊：uniapp 封裝store本地緩存 或者引入項目已有的插件。

2. 變量認識

變量（參數）類型說明

val	String	將要被緩存的 鍵名
time	Number	總倒計時長
newTime	Date()、Number	當前時間戳
oldTime	Date()、Number	緩存的時間戳
downtime	Number	剩余倒計時長

3. 調用函數

第一次調用將會緩存時間戳，返回自己設定的倒計時；第二次調用將會獲得設定倒計時的剩余時間。

import fn from "../utils/idea.js"fn.timeTemaining("startTime",180).then(res=>{console.log(res); // 剩余時間 })

---

有疑惑的小伙伴，可能是我表達不清楚，可以留言討論，如有錯誤，也希望大家不吝指出。

總結

以上是生活随笔為你收集整理的uniapp 本地缓存剩余时间的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。