我们也有类似的需求，而且确实涉及到一些业务决策（如果你事先不知道客户端何时需要重置其状态，你通常需要像WebSocket这样的服务器到客户端的通信），但是如果你事先知道（在你的描述中：在固定的工作班次之间），那么一个非常简单的解决方案包括定期检查当前时间与该时间限制，并在超过该时间限制时重置状态（刷新、路由到主页、显示弹出消息等）。
例如在React中：

import { useInterval } from "@reactuses/core";

const timeLimit = new Date(); // Computed locally or retrieved from server

function App() {
  useInterval(() => {
    if (new Date() >= timeLimit) {
      // Reset state / refresh / route to home page / etc.
      window.location.reload();
    }
  }, 10 * 60 * 1000); // Check every 10 minutes

  return null;
}

注意：避免在浏览器中出现太长的延迟，因为它们并不完全可靠。
你也可以检查页面何时再次激活，通常使用"visibilitychange"事件，或者在React中，例如。使用reactuses useDocumentVisibility钩子：

import { useDocumentVisibility } from "@reactuses/core";

const timeLimit = new Date(); // Computed locally or retrieved from server

function App() {
  const visibility = useDocumentVisibility("hidden");

  useEffect(() => {
    if (visibility === "visible" && new Date() >= timeLimit) {
      // Reset state / refresh / route to home page / etc.
      window.location.reload();
    }
  }, [visibility]);

  return null;
}