如何实现跨页计时器？

Question

我正在尝试在我的网站上实现预订系统。 我想允许用户预订终端实体10分钟。 整个流足够大，遍历了几页。
当用户浏览此流程时，他应该看到他必须完成多少次操作。

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

Answer 1

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

Answer 2

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

有一个新的线程规范，称为Web Worker，可以帮助缓解setTimeout问题。

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

作为替代方案，我建议将开始时间存储在服务器上，并通过轮询HTTP请求将其与当前时间进行连续检查。 或只是在提交之前检查一下。

或如@sholanozie所述 ，将其存储在浏览器cookie中并继续进行检查。