完成回调的Jquery倒计时

此插件将显示将在网页上显示的实时倒计时。

我在官方网站上阅读了关于.finish回调的文档。

我尝试做的是，如果计时器完成计数 ，它将隐藏 span＃limit。

这是链接：

http://hilios.github.io/jQuery.countdown/documentation.html

这是我的代码：

HTML：

 <input type="hidden" name="limit" value="" />  

jQuery：

 var data = $("input[name=limit]").val(); $("#limit").countdown(data, function(event) { $(this).text(event.strftime('%D days %H:%M:%S')); .on('finish.countdown', function() { $(this).hide(); )}; }); 

它会在网页上显示倒计时：

01天19:40:00

直到

00天00:00:00

问题是这个跨度并没有像我试图那样隐藏 。

我的代码出了什么问题？ 打回来？ 语法错误？

Answer 1

试试这个：根据你提供的.on('finish.countdown' ，你需要在关闭.countdown()函数的括号后调用.on('finish.countdown' .countdown() 。你的代码将按预期工作。

  var data = $("input[name=limit]").val(); $("#limit").countdown("2015-07-02 19:40:00", function(event) { $(this).text(event.strftime('%D days %H:%M:%S')); }).on('finish.countdown', function() { $(this).hide(); }); 

JSFiddle演示

注意：请根据您的方便更改日期输入，以便您可以在短时间内看到倒计时变为零。