Jquery Countdown 完成回调答案

【问题标题】：Jquery Countdown on finish CallbackJquery Countdown 完成回调
【发布时间】：2015-07-02 11:00:19
【问题描述】：

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

我在官方网站上阅读了文档on.finish callback。

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

这是链接：

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

这是我的代码：

HTML：

<span id="limit">
    <input type="hidden" name="limit" value="<?php echo $dataproduct['limit']; ?>" />
</span>

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

问题是这个跨度没有隐藏，就像我尝试做的那样。

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

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

试试这个：根据您提供的文件，您需要在 .countdown() 函数的右括号后调用 .on('finish.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 Demo

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

【讨论】：

感谢 Bhushan Kawadkar 的回答，在我提出您的方法后，span#limit 上没有任何显示。不再显示 01 天 19:40:00。我的代码有什么问题？
你能和你的问题陈述分享一个 jsfiddle 链接吗？
但在小提琴链接中.on('finish.countdown.. 丢失了，当我把它放在没有工作的时候。你能用发布的代码在 jsfiddle 中重现你的原始问题吗？
是的，当我放 .on('finish.countdown") 时它什么也不会显示。顺便说一句，我得到的这个方法，hilios.github.io/jQuery.countdown/documentation.html
我浏览了文档，发现您需要在 countdown 函数调用之后调用完成回调，而不是在其中。请检查我的答案和 jsfiddle。不要忘记将时间更改为接近您的当地时间，以便您可以看到倒计时归零。