2013-08-03 114 views
0

我在ASP.NET頁面中使用此插件:jQuery Countdown重置此jquery倒計時插件

我的代碼是:

.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

我相信,你想要的是在the docs,這裏是你可能會發現有用的例子:

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

謝謝,但它time.elapsed''後再次啓動。我想在2分鐘內重置它。例如在00:01:39 – sohrab

+0

啊好的,對不起,我沒有從你的問題得到這個。 –

+1

我簡要介紹了代碼,這裏是調用setTimeout(https://github.com/kemar/jquery.countdown/blob/master/jquery.countdown.js#L420)的地方,它不存儲返回值,所以我相信有沒有簡單的方法來做你想做的事情......除非你猴子補丁庫。 –