如何实现跨页计时器？

Question

我正在尝试实现我的网站预订系统。我想允许用户预订终端实体10分钟。总体而言，flow是足够大的，可以跨越几个页面。

当用户在这个流程上导航时，他应该看到他有多少时间来完成操作。

请告诉我如何实现跨页计时器。

Answer 1

我认为最直接的方法是在用户的localStorage中创建一个cookie或一个项目，其中包含事务的开始时间。加载页面时，检查此值是否存在，如果存在，则将其与当前时间进行比较。

Answer 2

您可以使用setTimeout或setInterval在浏览器中运行计时器。但是，不能保证浏览器窗口在不活动时会继续执行。如果用户隐藏浏览器或转到另一个应用程序，则该应用程序无法确保计时器仍在运行。

有一个称为web workers的较新的线程规范，它可能有助于缓解setTimeout问题。

https://developer.mozilla.org/en-US/docs/Web/API/Worker

作为另一种选择，我建议将开始时间存储在服务器上，并通过轮询HTTP请求不断检查当前时间。或者可能只是在他们提交之前检查一下。

或者像@sholanozie所说的那样，将其存储在浏览器cookie中，然后继续检查。