javascript - Jquery倒计时但如果页面刷新/F5仍然保留计时器

Question

我正在寻找jquery插件倒计时，但是如果页面刷新仍然保持反对。我正在申请问卷调查，我想显示倒数计时器直到 60 分钟。我的应用程序现在如果用户登录开始回答问题，他会一一回答问题，该问题是每页一个问题。那么下一个问题页面是否会刷新。因此，现在如果用户想回答下一个问题，倒计时器将重置为默认值。 现在我正在使用jquery插件这个http://keith-wood.name/countdown.html

带有代码:

   $(function () {
        var d = new Date();
        d = new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes()+59, 59);
        $('#defaultCountdown').countdown({until: d, format: 'MS'});
    });

所以我的问题是，如果页面刷新而不将计时器重置为默认值，是否有插件倒计时器。

谢谢。

Answer 1

您可以通过将截止日期保存在 cookie 中，并在每次请求时从该 cookie 中获取值来做到这一点。您的代码会稍微复杂一些，但它可以完成工作。您需要 jQuery Cookie plugin ，您可能想要 read up on how to use it .

This is what I come up with 。您可以更改 withCookie 的值来查看保存和不保存请求之间的截止时间之间的差异(单击“运行”而不是重新加载 - 实际上，它会执行相同的操作)。由于我找不到托管您正在使用的倒计时插件的 CDN，因此我只是打印了截止日期 - 但由于您想要的是确保截止日期保持固定，所以您现在唯一需要做的就是生成截止日期变量d如jsFiddle中(秒除外)，然后调用

$('#defaultCountdown').countdown({until: d, format: 'MS'});