首页 > 解决方案 > 使用 cookie 的 Javascript 倒数计时器

问题描述

谁能帮我?我需要制作一个使用 cookie 的 javascript 倒数计时器。当用户刷新页面时,计时器不会改变,直到固定时间结束。我正在制作一个在线考试系统。我希望每页一个问题,总时间为 30 分钟。

标签: javascriptalert

解决方案


我会使用 localStorage 而不是 cookie;检查 MDN 以获得良好的规范,或者只需在浏览器的 JavaScript 控制台中键入“localStorage”并查看方法。一个getter,一个setter,简单明了。只需存储计算的结束时间,并将倒数计时器显示为存储时间减去当前时间。

仅当您的用户可能从过时的浏览器到达时才使用 cookie。

此外,如果您想完全确定,没有客户端解决方案,因此您可能需要执行 AJAX 调用来启动计时器,然后在每次重新加载时通过另一个调用读取它。我肯定会这样做,因为 localStorage 很容易被篡改;但另一方面,它更容易。

更多细节更多细节;)


推荐阅读