Обратный отсчет текстового сообщения и изменение стиля по истечении

Привет у меня есть следующий счетчик:

http://jsfiddle.net/a9Nk6

Но я действительно хотел бы показать сообщение, когда оно достигает нуля, на сайте авторов (keith-wood.name/countdown.html на вкладке обратного вызова) говорится, что это должен быть код:

$('#expireMessage').countdown({until: shortly, 
    expiryText: '<div class="over">It\'s all over</div>'}); 

$('#expireMessageStart').click(function() { 
    shortly = new Date(); 
    shortly.setSeconds(shortly.getSeconds() + 5.5); 
    $('#expireMessage').countdown('option', {until: shortly}); 
});

Я пытался часами, но не могу заставить его работать:(

Я не хочу кнопку запуска, просто заполните поле с текстом, когда истечет время таймера, и примените другой стиль (#defaultCountdownExpired).

Я надеюсь, что кто-то может помочь мне.

заранее большое спасибо

ОБНОВИТЬ:

user3003216 дал мне следующий код:

$(function () {
$('#defaultCountdown').countdown({until: +5,
                                  onExpiry: function() {
                                      $('#defaultCountdown').css("background-color","red");
                                      $('#defaultCountdown').html('<div class="over">It\'s all over</div>');
                                  },});
});

это работает, стиль применяется и текст меняется, но когда страница загружается / перезагружается с истекшими таймерами, она снова показывает 0 0 0.

Так что, кажется, работает, только если страница открыта, а таймер истекает:(

вот новый пример: http://jsfiddle.net/a9Nk6/2/

Спасибо.

0 ответов

Другие вопросы по тегам