当跳转到下一页时，倒计时不应该被重置

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

本文关键字：不应该 倒计时 一页      更新时间：2023-09-26

让我们假设，在主页中，倒计时将从2分59秒开始，1分钟后我从主页移动到下一页，这里的倒计时应该显示1分59秒，对吗?但在我的情况下，它又变成了2分59秒。

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

http://jchavannes.com/jquery-timer/demo

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

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

请让我知道你的意见，如何显示正确更新的倒计时到所有的页面。

使用cookie的问题:

问题是我们永远不会得到当前更新的值。因为例如，当前的倒计时在1分5秒，这个信息我存储在一个cookie，然后立即我移动到下一个页面，可能是一些其他的原因，页面加载后55秒。事实上，当前cookie的倒计时值是1分5秒但我们必须显示倒计时值为10秒，对吗?

您可以通过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 });

设置定时器值为本地存储

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

获取下一页的计时器值

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

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

相关文章：