Javascript jQuery过期倒计时文本消息

Javascript jQuery过期倒计时文本消息,javascript,jquery,countdown,Javascript,Jquery,Countdown,嗨,我有下面的柜台: 但我真的很想在它达到零时显示一条消息,在作者站点上(在callback选项卡下),它说这应该是代码: $('#expireMessage').countdown({until: shortly, expiryText: '<div class="over">It\'s all over</div>'}); $('#expireMessageStart').click(function() { shortly = new Da

嗨,我有下面的柜台:

但我真的很想在它达到零时显示一条消息,在作者站点上(在callback选项卡下),它说这应该是代码:

$('#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}); 
});
$('#expireMessage')。倒计时({直到:很快,
expiryText:“一切都结束了”});
$('#expireMessageStart')。单击(函数(){
短=新日期();
shorty.setSeconds(shorty.getSeconds()+5.5);
$(“#expireMessage”).countdown('option',{until:short});
});
我试了几个小时,但没能成功:(

我不想要开始按钮,只要在计时器过期时用文本填充框,然后应用其他样式(#defaultCountdownExpired)

我希望有人能帮助我


非常感谢您

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

$(function () {
$('#defaultCountdown').countdown({
    until: +5,
    onExpiry: function() {
      $('#defaultCountdown').css("background-color","red");
      $('#defaultCountdown').html('<div class="over">It\'s all over</div>');
},});
$(函数(){
$(“#默认倒计时”)。倒计时({
直到:+5,
onExpiry:function(){
$('#defaultCountdown').css(“背景色”,“红色”);
$('#defaultCountdown').html(“一切都结束了”);
},});

谢谢您的快速回答,该样式适用于您的代码,但计数器在过期时仍然显示0,而不是过期消息。请有人帮我完成以下部分:expiryText:“一切都结束了”});只需编辑我的答案,您就可以在该
onExpiry:function(){}中放入任何您想要的内容
。别忘了将其作为正确答案进行检查。如果不介意,请进行投票。^^很高兴我可以帮助您。是的,我会给出正确答案/投票,但我必须首先尝试让它工作,一切似乎都正常,样式已应用,文本已更改,但当页面加载/重新加载过期计时器时,它会再次显示0 0,因此只有在没有时间的情况下,它似乎才起作用计时器过期时,页面打开:(以下是一个新示例: