不重置的jQuery倒计时

时间:2013-12-15 19:43:24

标签: javascript jquery

您好我使用Keith Wood的jQuery倒计时(http://keith-wood.name),我想知道当有人刷新页面时我如何保持计数器的运行状态。因此,每当有人进入页面时,他必须看到倒计时

我是jQuery的新手。我使用了jquery.countdown.min.js文件。

这是JS小提琴http://jsfiddle.net/wthf9/2/

jQuery(document).ready(function($){

            jQuery('#offline-countdown').countdown({

                until:'+1d, 1h, 3h, 3m, 1s',
                format: 'DHMS',
                labels: ['Years','Months','Weeks','Days','Hours','Minutes','Seconds']

            });
        });  

非常感谢有人可以帮助我!

更新<!/强>

如果有人需要,你可以在这里找到答案:

http://jsfiddle.net/wthf9/7/

1 个答案:

答案 0 :(得分:1)

这将确保倒计时“持续”整个页面刷新。

没有cookie或本地存储的原因是因为时间是固定的,所以当刷新页面时,会动态计算新的时间,给出状态的外观。

$(function(){
   var newYear = new Date(); 
   newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
   $('#offline-countdown').countdown({until: newYear}); 
});

这是一个实际的例子。 (尝试用这个小提琴刷新页面)

http://jsfiddle.net/wthf9/6/

旁注:$(function() { });$(document).ready(function() { });

相同