Jquery：进入下一页时不应重置倒计时

Question

让我们假设，在主页中，倒计时可能从 2 分 59 秒开始，1 分钟后我从主页移动到下一页，这里的倒计时应该显示 1 分 59 秒，对吧？，但在我的如果它再次进入 2 分 59 秒。

我一直在使用以下库进行倒计时

http://hilios.github.io/jQuery.countdown/

请注意： 我不是通过 AJAX 加载页面。

请让我知道您对如何向所有页面显示正确的更新倒计时的看法。

使用 cookie 的问题：

问题是我们永远无法获得当前的更新值。因为例如，当前倒计时为 1 分 5 秒，我将此信息存储在 cookie 中，然后我立即移至下一页，可能是其他原因，页面在 55 秒后加载。事实上，当前的 cookie 倒计时值为 1 分 5 秒，但我们必须显示倒计时值 10 秒，对吗？

Answer 1

您可以通过 localStorage 保存您的变量，并在转到下一页后获取它：-

例子

var count =0;
if(localStorage.getItem("count"))
    count = localStorage.getItem("count");
var timer = $.timer(function() {
    $('#counter').html(++count);
    localStorage.setItem("count", count);

});
timer.set({ time : 1000, autostart : true });

Answer 2

将您的计时器值设置为本地存储

<script>
    localStorage.setItem("current_time", timer_value);
</script>

获取下一页的计时器值

<script>
    var timer = localStorage.getItem("current_time");
    //alert(timer);
</script>

Answer 3

只需将"end time"保存在cookie/localstorage中，每次使用该值计算定时器，即：从现在开始30秒，如果现在是12:00:00，只保存cookie/localstorage 中的结束时间为 12:00:30，每次您需要计算计时器时，将当前时间减去您最初保存的结束时间。

Jquery：进入下一页时不应重置倒计时

Jquery: countdown should not be reset when it goes to next page

javascript

jquery

timer