如何在页面刷新时使倒计时时间不回到默认时间

Question

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

我关注倒计时库http://keith-wood.name/countdown.html

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是最好的方式？但是怎么做呢？有人能给我示例代码吗？

Answer 1

我想饼干最适合这个了。当用户开始测验时，使用设置为当前服务器日期/时间的值设置cookie。

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

来自http://www.w3schools.com/js/js_cookies.asp

带有JavaScript的cookie :可以像这样创建：

document.cookie="username=John Doe";

您还可以添加到期日期(以协调世界时或时间表示)。默认情况下，关闭浏览器时会删除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?