Javascript 如何在Google Chrome扩展中存储数据？

我正在尝试做一个google chrome扩展，其中有一个秒表，用户可以单击开始、停止或重置按钮。单击此秒表后，我希望将时间保存在扩展本身中，以便用户可以始终单击扩展，但秒表上的时间将始终保持不变（直到他们按下停止）。我还希望在用户屏幕上不断显示运行时间，如下扩展： [1] :

这是我的密码：

//定义变量。
设秒=0；
分钟=0；
设小时=0；
//当每个值中只有一位数字时，这些变量会添加第二个“0”。
让displaySeconds=0；
设displayMinutes=0；
设displayHours=0；
//此变量用于处理setInterval（）方法。
设区间=null；
//此变量保存秒表的状态。
让status=“stopped”；
//秒表功能，确定何时增加下一个值，以及何时将当前值置零。
功能秒表（）{
秒++；
如果（秒/60==1）{
秒=0；
分钟++；
如果（分钟/60==1）{
分钟=0；
小时++；
}
}
//如果计时器中的任何值长度仅为1位，我们将向其添加另一个0。
如果（秒<10）{
displaySeconds=“0”+seconds.toString（）；
}否则{
显示秒=秒；
}
如果（分钟<10）{
displayments=“0”+分钟数.toString（）；
}否则{
显示分钟=分钟；
}
如果（小时<10）{
displayHours=“0”+hours.toString（）；
}否则{
显示小时=小时；
}
//此部分功能将每1秒更新一次显示。
document.getElementById（“秒表面”）.innerHTML=displayHours+“：”+displayMinutes+“：”+displaySeconds；
}
函数startStop（）{
如果（状态==“已停止”）{
interval=window.setInterval（秒表，1000）；//这会在每一设定的时间内播放一个特定的函数
document.getElementById（“startStop”）.innerHTML=“停止”；
status=“开始”；
}否则{
窗口。清除间隔（间隔）；
document.getElementById（“startStop”）.innerHTML=“开始”；
status=“已停止”；
}
}
//此功能将重置秒表。
函数重置（）{
窗口。清除间隔（间隔）；
秒=0；
分钟=0；
小时=0；
document.getElementById（“秒表面”）.innerHTML=“00:00:00”；
document.getElementById（“startStop”）.innerHTML=“开始”；
}
//这是您所做的，而不是“onclick”，以进行扩展….：
document.addEventListener（'DOMContentLoaded'，function（）{
document.getElementById（“startStop”）.addEventListener（“单击”，startStop）；
});
document.addEventListener（'DOMContentLoaded'，function（）{
document.getElementById（“重置”）.addEventListener（“单击”，重置）；
});

快速聚焦
捕捉焦点
只需按“开始”即可阻止不必要的网站，并提高效率


00:00:00
开始
重置

---

非常感谢您的帮助

嗨，这里有一个我调用的小脚本，用于将数据保存在扩展中，希望您可以使用它。您可能需要在清单中添加权限，以下是

然后像这样使用它

import { setAuth } from '../scripts/AuthToken';

somePromise.then(data => setAuth(data.token));

---

顺便说一句，你可能不想每隔一秒钟就调用它来更新计数器。单击save timestamp to storage（将时间戳保存到存储器）并让popup.js确定自时间戳以来的时间可能会更好

好的，谢谢！

import { setAuth } from '../scripts/AuthToken';

somePromise.then(data => setAuth(data.token));