H5W3
当前位置:H5W3 > 问答 > 正文

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

问题/疑惑?

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

目前的效果

如图所示:点击”安排人员”,下面按钮进行倒计时。
存在的问题是: 页面一刷新,再重新进到该页面,计时又重新开始(30:00倒计时)。

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

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

请大家给支支招。

回答

页面收到的参数 不要用还剩多少秒 或者 总计倒计时多少秒
页面收到的参数 是倒计时 结束时间,用 结束时间当前时间 的差值作为倒计时秒数

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

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

未经允许不得转载:H5W3 » JS定时器刷新页面计时重新开始?

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址