Обратный отсчет текстового сообщения и изменение стиля по истечении
Привет у меня есть следующий счетчик:
Но я действительно хотел бы показать сообщение, когда оно достигает нуля, на сайте авторов (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/
Спасибо.