倒计时文本消息并在到期时更改样式

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/

谢谢。