Javascript 不重置的jQuery倒计时
您好,我正在使用来自Keith Wood()的jQuery倒计时,我想知道当有人刷新页面时,我是如何保持计数器运行的。因此,每当有人进入页面时,他必须看到倒计时 我是jQuery的新手。我使用jquery.countdown.min.js文件 这是JS小提琴 如果有人能帮助我,非常感谢 更新强> 如果有人需要,您可以在此处找到答案:Javascript 不重置的jQuery倒计时,javascript,jquery,Javascript,Jquery,您好,我正在使用来自Keith Wood()的jQuery倒计时,我想知道当有人刷新页面时,我是如何保持计数器运行的。因此,每当有人进入页面时,他必须看到倒计时 我是jQuery的新手。我使用jquery.countdown.min.js文件 这是JS小提琴 如果有人能帮助我,非常感谢 更新 如果有人需要,您可以在此处找到答案: 这将确保整个页面的倒计时“持续”刷新 在没有Cookie或本地存储的情况下,这种方法之所以有效,是因为时间是固定的,因此当刷新页面时,会动态计算一个新的时间,以显示状态
这将确保整个页面的倒计时“持续”刷新 在没有Cookie或本地存储的情况下,这种方法之所以有效,是因为时间是固定的,因此当刷新页面时,会动态计算一个新的时间,以显示状态
$(function(){
var newYear = new Date();
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
$('#offline-countdown').countdown({until: newYear});
});
这里有一个实际的例子。(尝试使用此小提琴刷新页面)
旁注:
$(函数(){})
与$(document.ready(function(){})相同代码>您必须在页面加载之间保持倒计时,因此您正在查看cookie或localStorage。如果您希望为永久唯一的用户使用单个计数器,请同意Mark。但听起来您要求的是一个特定日期/小时的时间设置,您可以通过在“截止日期”字段中使用日期来实现。在这种格式中:新日期(2010,12-1,25),而不是“+1d,1h,3h,3m,1s”@标记,不一定。如果时间是固定的,则每当重新加载页面时,都会计算新的时间,并给出持续状态的外观。@dave,但这忽略了用户日期/时间的偏移量,因此这是一个脆弱的解决方案。太多了dave!这个完美的工作需要一点时间来确定好的日期,但是完美的工作谢谢D@Michele正如我在上面提到的,这将使用用户的本地日期/时间,因此前面有潜在的问题。@马克,也许这就是她想要的。在新年倒计时的例子中,这正是你想要的。@Michele没问题;)只要工作顺利:D没问题,如果有时差,我只需要一个简单的倒计时,不需要完美!感谢两位朋友,我已经更新了JSFIDLE,以便大家都能更好地理解!:D
$(function(){
var newYear = new Date();
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
$('#offline-countdown').countdown({until: newYear});
});