jQuery倒计时

时间:2011-08-22 19:43:36

标签: jquery countdown

我正在尝试使用这个jQuery倒计时 - http://code.google.com/p/jquery-countdown/。 因为它有一个很好的动画,但似乎还没有完成,因为它没有很好的记录。

所以我必须修改它以使用倒计时,比如设置事件的日期和时间。像var date = 'January 28, 2012 12:35:10';这样的东西,它会倒数到现在,但它现在有所不同。您可以在此example中看到,正如您所看到的,此示例设置为1天12h 12分00秒,但每次刷新页面时都会重新启动。

那么有人可以告诉我如何修改这个插件来像我想要的那样工作吗?

Here是另一个例子,因为你可以看到下一场战斗的倒计时,它就像他们使用相同的插件一样。

或者有这个插件的替代品(也有动画)?

4 个答案:

答案 0 :(得分:1)

该插件不支持设置倒计时的日期时间。你只能给定时器应该留下的'dd:hh:mm:ss'。它就像将日期/时间插入微波炉并期望它能够工作一样。

你需要把你未来的日期从现在减去,然后计算剩余的天数,小时数,分钟数和秒数。一旦你拥有了,那就是你想要使用的价值。

答案 1 :(得分:0)

如果该jquery插件需要持续时间,则必须为此计算。你已经知道结束时间了:     endDate = new Date('2012年1月28日12:35:10');

你知道现在的时间:     curDate = new Date();

所以计算差异:     duration = endDate.getTime() - curDate.getTime(); //这是两个日期之间的毫秒数

现在使用这些毫秒来确定设置插件所需的小时数,分钟数,秒数等。

答案 2 :(得分:0)

看看你是否可以从jCounter找到你需要的东西,它有真正的时区支持并接受自定义值来运行计时器,尽管它没有那个奇特的动画。我希望它有所帮助。

答案 3 :(得分:0)

$ date1 = new DateTime('2013-02-18'); echo $ date1-> format('d H:i:s')。“
”;

$ date2 = new DateTime(“now”); echo $ date2-> format('d H:i:s')。“
”;

$ diff = date_diff($ date1,$ date2); echo $ diff-> format('%d%H:%i:%s');