如果页面刷新，如何使倒计时时间不回到默认时间答案

【问题标题】：How to make countdown time not back to default time if page refresh如果页面刷新，如何使倒计时时间不回到默认时间
【发布时间】：2014-06-09 07:10:09
【问题描述】：

所以，我有一个带计时器模式的小测验。我设置了 2 分钟来回答我的问题，但 1 分钟后用户刷新页面，计时器回到 2 分钟

var def = 2 * 60 * 1000;
var now = new Date();
var timer = new Date(now.getTime() + def);
$('#countdown').countdown({until: timer});

我还需要记录 1 分钟，也许使用 cookie https://github.com/carhartl/jquery-cookie 是最好的方法？但如何？有人可以给我示例代码吗？

【问题讨论】：

【解决方案1】：

我认为 cookie 最适合这个。当用户开始测验时，设置一个 cookie，其值设置为当前服务器日期/时间。

每次页面加载时检查 cookie，如果存在，将 cookie 值与当前时间进行比较以获取测验的剩余时间。

使用 JavaScript：可以这样创建 cookie：

document.cookie="username=John Doe";

您还可以添加到期日期（UTC 或 GMT 时间）。默认情况下，浏览器关闭时cookie被删除：

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00
GMT";

带有路径参数，可以告诉浏览器cookie是什么路径属于。默认情况下，cookie 属于当前页面。

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00
GMT; path=/";

或者使用一个简单的 jquery 插件： How do I set/unset cookie with jQuery?

【讨论】：