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

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

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

3 个答案: