求助大佬，浏览器怎么实现定时执行

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 694 天前的主题，其中的信息可能已经有所发展或是发生改变。

需求是登录之后会有一个 token 过期时间，时间不固定最长会有一个月，到了时间立刻弹框重定向到登录页，不能等到请求接口返回 403 再弹框，这个应该怎么实现呢？

token

过期

大佬

13 条回复 • 2022-12-29 18:05:25 +08:00

liyang5945

2022-12-28 18:44:16 +08:00

token 和过期时间都存到 localstorage 里，js 写个定时器不断对比当前时间和过期时间，时间到了就跳转

lsy99

2022-12-28 19:04:59 +08:00

@liyang5945 这个提过了 PR 被拒了，被说会有性能问题，这个真的会很占用性能吗？ setinterval 还不能太长要不然测试不过

MossFox

2022-12-28 19:16:53 +08:00

需求描述总觉得有点怪，但懒得管了。如果没办法用事件触发的话，在已知 Token 过期时间的前提条件下，看这个 👇

过期时间小于这个值，直接放一个定时器 (是 setTimeout) 伺候。超过就拆成多个叠起来:
setTimeout(() => setTimeout(() => { /* do something...*/ }, a), b);
a + b = 过期时间

liyang5945

2022-12-28 19:38:56 +08:00

@lsy99 #2 用 webwoker 另开一个线程做这个事

oneisall8955

2022-12-28 19:52:05 +08:00 via Android

如果没有 refresh token 机制，到期了接口 403 到登录页，和你的主动到检测到期登录页一样的效果，一个前一点一个后一点而已，有啥区别？

xg4

2022-12-28 19:54:30 +08:00

```ts
interface Token {
value: string
expires: string
}

function onClear() {
// TODO: clear
}

function setToken(token: string) {
localStorage.setItem(
'token',
JSON.stringify({
value: token,
expires: new Date('2023/1/2 10:00:00').toISOString(),
})
)
}

function checkToken() {
const tokenJson = localStorage.getItem('token')
if (tokenJson) {
const token: Token = JSON.parse(tokenJson)
const diff = Date.now() - new Date(token.expires).getTime()
if (diff >= 0) {
onClear()
return
}
setTimeout(onClear, diff)
}
}

checkToken()
```