当计时器结束替换时

时间:2016-03-04 11:24:19

标签: javascript jquery timer

我想确保当我的计时器结束时,我得到一个表单输入的消息。一切正常。我只需要编写功能if语句。这是我的代码:

var inputDate = new Date($('#count').val());
inputDate.setDate(inputDate.getDate());

$(".clock").countdown(inputDate, function(event) {
    $(this).text(event.strftime('%D dienos %Hh %Mmin %Ssek'));
    if (inputDate.val() == 0) {
        var statusHTML = '<p>Siūlymai nebegalimi. Aukciono laikas baigėsi.</p>';
        $("#placeBid").replaceWith(statusHTML);
    }
});

当我的计时器结束时,信息不会显示,表单仍会显示。如果我这样做:

if ($(".clock").val() == 0)

然后出现消息,但是当计时器未结束时,它仍然显示消息而不是输入。

编辑HTML代码

        <form id="placeBid" action="/add-new-bid/{{$product->id}}" method="Post">

        {!! csrf_field() !!}

        <input type="submit" id="bidSubmit" class="btn btn-success" value="Siūlyti kainą" style="float: right" />

        <div style="overflow: hidden; padding-right: .5em;">
            <input type="hidden" value="{{$product->bid_price}}" id="jsBidPrice">

            <input style="width: 144px;" type="number" name="bid" class="minBid form-control" min="{{$product->bid_price}}" onkeyup="this.value = minmax(this.value, 0.01, 100)" placeholder="min. suma {{$product->bid_price}} €" style="width: 100%;" />

        </div>​
        </form>

1 个答案:

答案 0 :(得分:1)

来自文档

Events

只要某些状态发生变化,此插件就会触发事件:

Update: Triggered to update the DOM
Finish: Triggered when finished
Stop: Triggered that paused

要注册回调,请使用以下event.type:

update.countdown
finish.countdown
stop.countdown

请注意,所有事件都应使用命名空间* .countdown注册。

使用完成事件来获得所需内容?

顺便说一句。你有很多inforimations: enter link description here

工作示例:

$('#clock').countdown('2016/03/04 13:01:00')
.on('finish.countdown', function(event) { 
**do all your shinigamis here**
});