Javascript实时倒计时(从开始到结束时间计数)

时间:2011-05-29 04:56:40

标签: php javascript ajax

我有倒计时脚本(请参阅下面的链接),以显示当前时间与实时指定日期之间的时间。

但是,我希望实现显示给定开始和结束时间之间的时差。现在,它从当前服务器时间到结束时间进行计算。

我希望能够设置自己的开始时间和结束时间。

这就是我所拥有的:

http://jsfiddle.net/BgEtE/

谢谢你的帮助:)

1 个答案:

答案 0 :(得分:1)

看起来很简单。 untilYear有日期和时间信息,所以也是如此。使用默认构造函数会导致Date指向当前毫秒(在客户端上),但字符串构造函数允许您在日期之后添加时间。使用此选项指定您自己的开始/结束时间。顺便说一句,这不适用于服务器时间,它适用于客户端时间。一个重要的区别。

<!DOCTYPE html>
<html>

<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://keith-wood.name/js/jquery.countdown.js"></script>
  <link rel="stylesheet" href="http://keith-wood.name/css/jquery.countdown.css" />
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup,
  menu, nav, section { display: block; }
</style>
</head>

<body>
  <span id="defaultCountdown" class="countdown"></span>
<script>
var untilYear = new Date(2011, 07, 26, 11, 20, 00);
var sinceYear = new Date(2010, 07, 26, 11, 20, 00);

$('#defaultCountdown').countdown({ since: sinceYear, until: untilYear, compact: true, timezone: -4});

</script>

</body>
</html>

编辑:修复。添加sinceYear作为倒计时内容的参数。以前只有untilYear。还更改了日期格式。因此(这是最可靠的构造函数):

var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

另一种格式一直在破碎。如果需要不同的时区,请修改时区属性。

    timezone: null, // The timezone (hours or minutes from GMT) for the target times,
        // or null for client local

如果你需要服务器时区,你需要搞清楚PHP并找到它。然后,您需要在客户端找到客户端时区的差异,并将该差异作为属性。厌倦了夏天等等。