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

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，如果它存在，请将cookie值与当前时间进行比较，以便在测验中留下时间。

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

  

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

document.cookie="username=John Doe";

  

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

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

  

使用path参数，您可以告诉浏览器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?