如何實現跨頁計時器？

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中並繼續進行檢查。