重置此jquery倒计时插件

时间:2013-08-03 23:40:13

标签: javascript jquery countdown

我在ASP.NET页面中使用此插件:jQuery Countdown

我的代码是:

.cs文件:

DateTime time1 = DateTime.Now.AddMinutes(2).ToString()

Label1.Text = time1.ToString();

.aspx文件:

<script src="JQueryCountDown/jquery-1.10.1.min.js" type="text/javascript"></script>
<link href="JQueryCountDown/countdown.demo.css" rel="stylesheet" type="text/css" />
<script src="JQueryCountDown/jquery.countdown.js" type="text/javascript"></script>
<script type="text/javascript">
    window.jQuery(function ($) {
        $(".ctdwn").countDown({});
    });
</script>
...
<asp:Label runat="server" ID="Label1" CssClass="ctdwn"></asp:Label>

它运作正常。

现在我希望在那2分钟内,重置倒计时并再次从2分钟开始(使用javascript)。但我不知道该怎么做。例如,此代码不起作用并禁用倒计时:

        resetTime = function (dt) {
            $('#Label1').text(dt);
            $(".ctdwn").countDown({});
        };

感谢。

1 个答案:

答案 0 :(得分:1)

我相信你想要的是the docs,这里有一个你可能会觉得有用的例子:

window.jQuery(function ($) {
  function startCountDown() {
    $('.ctdwn').countDown({}).on('time.elapsed', startCountDown);
  }
  startCountDown();
});