如何让jQuery倒计时插件工作

时间:2010-10-08 07:35:21

标签: jquery plugins countdown elapsedtime

我正在使用jQuery countdown plugin以及一些我无法使用它的方法。插件上的文档没有用。我必须实现基本/最小版本,但之后我抓住了我的尾巴找出插件。

我正在尝试创造两件事:

  1. 从0hr 0min 0sec开始的经过时间的计数器(递增计时器)
  2. 倒计时器(例如从1小时30分0秒)到0小时0分0秒

1 个答案:

答案 0 :(得分:2)

我尝试了基本的倒计时,但它确实有效。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <style type="text/css">
    @import "css/jquery.countdown.css";

    </style>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.countdown.js"></script>

    <script type="text/javascript">
        $(function() {
            var austDay = new Date();
            austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
            $('#CountDown').countdown({ until: austDay });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="CountDown">

    </div>
    </form>
</body>
</html>