如何在页面关闭后继续进行隐形倒计时？

Question

主要思想是当用户单击一个按钮，开始倒计时未显示的计数器并设置元素样式不显示按钮并显示段落的内联块时，会通知您单击该按钮。当倒计时得分为0时，再次显示该按钮。如果你关闭页面，计数器会继续倒计时。如果您关闭页面，然后再次打开它，并且计数器不在0，但它会显示另一条消息，告诉您更多。请帮忙！我该怎么做？

Answer 1

你可以这样做：

• 存储在localStorage中开始的日期和时间
• 在每个计数器间隔，将步骤（分钟，秒等）存储在localStorage
• 在页面加载时，回读存储的值，相应地计算和设置按钮和消息

作为Brad注释，您实际上只需要存储开始时间戳

Answer 2

当用户访问网站时，检查一个localstorage变量，该变量将是一个时间戳，如果没有设置，它将是未定义的。如果用户之前访问过该站点并且本地存储中存在timestamp变量，则可以从现在开始执行时间差异和时间戳，以计算倒计时剩余的时间以用于显示目的。一旦时间到期，删除本地存储变量。如果用户之前没有访问该页面并且没有单击该按钮，则一旦他们单击该按钮...继续并设置localstorage变量，该变量是单击该按钮时的时间戳。