到期时jQuery Countdown文本消息

时间:2014-07-20 15:15:49

标签: javascript jquery countdown

您好我有以下柜台:

http://jsfiddle.net/a9Nk6

但是我真的想在作者网站(回复标签下的http://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)。

我希望有人可以帮助我。

非常感谢您提前

1 个答案:

答案 0 :(得分:2)

您可以使用onExpiry,如下所示:

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