0

编辑：多亏了答案，一些问题得到了解决，但它仍然无法正常工作。它现在在第一页加载时显示正确的倒计时，但是一旦设置了 cookie 并重新加载页面，它就会显示错误的时间，每次重新加载时也会重新启动。我已经相应地更新了下面的代码。

几天来我一直在寻找解决方案，但没有任何工作符合我的需要。我的目标很简单——我需要一个可以倒计时 3 天然后重复的计时器。事实上，对于每个人（服务器定义的时间）或本地（取决于用户第一次访问的时间），它可以是相同的。我需要它在页面重新加载或一天结束时不刷新。

所以我得出结论，我需要 cookie：当你第一次进入页面时，计时器开始倒计时，直到从现在起 3 天。如果您离开网站并在 2 天内进入，则剩余 1 天。如果您在一周后离开并再次来，则计时器将重新开始计算 3 天。

对于计数，我使用Keith Wood 的插件。对于 cookie，我使用Klaus Hartl 的插件。到目前为止，这是我的代码：

$(document).ready(function(){

    if (!$.cookie('offerTimer')){
        var now = new Date(); 
        timerValue = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 3); 
        cookie = $.cookie('offerTimer', timerValue, { expires: 7, path: '/' });
    }else {
        cookie = $.cookie('offerTimer');
    }

    $('#until3d').countdown({until: cookie, format: 'HMS'});
    console.log('cookie is ' + cookie);
});

在第一页加载（未设置 cookie 时）cookie 返回：

offerTimer=Tue%20Jan%2007%202014%2000%3A00%3A00%20GMT%2B0800%20(%D0%9A%D1%80%D0%B0%D1%81%D0%BD%D0%BE%D1%8F%D1%80%D1%81%D0%BA%D0%BE%D0%B5%20%D0%B2%D1%80%D0%B5%D0%BC%D1%8F%20(%D0%B7%D0%B8%D0%BC%D0%B0)); expires=Thu, 30 Jan 2014 09:09:37 GMT; path=/

在第二次及以下访问中，cookie 返回：

Tue Jan 07 2014 00:00:00 GMT+0800 (Красноярское время (зима))

那里有西里尔符号，因为我来自俄罗斯。我几乎可以肯定，我可能需要的只是让 cookie 以相应的格式返回日期，以便倒计时功能正常工作。但我不明白它如何在第一个输出中显示正确的时间......我也尝试将日期的格式设置为倒计时插件的格式（因为我使用了其他插件），结果要么是相同或根本不起作用。

PS：我知道绕过这样的计时器很容易，但在这种情况下它不被视为问题。

编辑：由于user2310289，稍微更改了代码。

4

3 回答 3

1

我终于设法让它工作了。解决方案非常简单。

我使用插件使其更容易（当然还有 jQuery）：

<script type="text/javascript" src="jquery.countdown.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript" src="date.format.js"></script>

这是我的代码：

$(document).ready(function(){

    if (!$.cookie('offerTimer')){
        var now = new Date(); 
        timer = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 3);
        $.cookie('offerTimer', timer.format("yyyy, mm, dd"), { expires: 7, path: '/' });
    }

    var cookie = $.cookie('offerTimer');

    $('#until3d').countdown({until: new Date(cookie), format: 'HMS'});
});

我希望这对将来的某人有所帮助，因为我花了很长时间才弄清楚并且我没有找到这个确切的倒计时任务的解决方案。感谢您指出我的一些错误的答案！

于 2014-01-25T11:43:45.243 回答
0

一开始now没有定义

var threeDays = new Date();
now.getFullYear(), now.getMonth(), now.getDay() + 3

也许使用threeDays变量，如

threeDays.getFullYear(), threeDays.getMonth(), threeDays.getDay() + 3

我也想你想做

var timerValue = new Date(now.getFullYear(), now.getMonth(), now.getDay() + 3);

最后（也许）在未定义的关键字周围不需要引号。

于 2014-01-22T04:54:59.897 回答
0

该声明

if (cookie === "undefined")

是个问题。您不能将 javascriptundefined与 string进行比较"undefined"。这就是您的代码不输入if条件的原因。

要么做

if (!cookie)

或者

if (('' + cookie) === "undefined")

于 2014-01-22T05:04:39.100 回答