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/

谢谢你。