JS定时器刷新页面计时重新开始？

Question

问题/疑惑？

写一个倒计时，开始时间是系统当前时间，结束时间是在当前时间的基础加上30分钟。

目前的效果

如图所示：点击"安排人员",下面按钮进行倒计时。

存在的问题是: 页面一刷新,再重新进到该页面,计时又重新开始(30:00倒计时)。

如何设置倒计时的时间,不会重新计时,不管是页面刷新,还是关闭页面,倒计时的时间不会受到影响?

请大家给支支招。

Answer 1

这个可以把结束时间存在本地，如localStorage，下次进入页面，判断这个结束时间有没有到期，没有的话就在这个基础上进行处理。

但是这样通过修改本地时间是可以作弊的，所以严谨一点的话，可以把结束时间的计算放在服务器上，稍微复杂点，具体的看你个人选择