2016-03-04 3 views
0

Я хочу убедиться, что когда мой таймер заканчивается, я получаю сообщение, в которое вводится ввод формы. Все работает нормально. Мне просто нужно написать функционирование if statement. Это мой код:Когда таймер заканчивается replaceWith

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) 

затем появляется сообщение, но когда таймер не закончился, он по-прежнему отображает сообщение вместо ввода.

EDIT 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

Я не знаю, почему бы у голосовать это вниз :) – hulkatron

+0

вы можете показать HTML-код? – Sumanta736

+0

Да. @ Sumanta736 – hulkatron

ответ

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** 
}); 
+0

Не работает. Я даже добавил эту дату: '2016/03/03 00: 01: 00' – hulkatron

+0

Ошибок также нет. – hulkatron

+0

Исправлено. Мне нужно .clock not #clock :) – hulkatron

Смежные вопросы