我需要在React应用程序中每隔一个小时刷新Spotify令牌（Spotify令牌有效期为1小时）。我知道以下方法使用useEffect钩子和setInteral

useEffect(() => {
  const interval = setInterval(() => {
    //调用API逻辑
  }, 3600);
  return () => clearInterval(interval); 
}, [user])

但是当应用程序关闭并重新打开时，它会再次发出新的请求以获取令牌（即使旧令牌仍然有效）。因此，我正在尝试根据剩余到期时间来实现需要调用API以获取新令牌的功能。如何实现这个功能。

我还创建了一个函数，用于在过去的时间之后计算剩余到期时间

export const calculateRemainingExpirationTime = expirationTime => {
  const currentTime = new Date().getTime();
  const newExpirationTime = new Date(expirationTime).getTime()
  const remainingTime = newExpirationTime - currentTime
  return remainingTime; //以毫秒为单位
};

因此，当页面重新加载时，我需要计算剩余到期时间，然后基于该时间调用API，然后每隔1小时调用API以获取新令牌。

我需要实现以下功能

1. 当页面重新加载时，计算剩余时间并根据剩余时间调用API
2. 每隔1小时调用API