Question

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

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

我尝试做的是，如果计时器完成计数，它将隐藏 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

问题是这个范围没有隐藏就像我试图做的那样。

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

Answer 1

尝试此操作：根据您提供的结果，您需要在关闭.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 Demo

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

完成回调的Jquery倒计时

1 个答案: