jquery - カウントダウン テキスト メッセージと期限切れ時のスタイルの変更

Question

こんにちは、次のカウンターがあります。

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/

ありがとうございました。