Javascript jQuery过期倒计时文本消息
嗨,我有下面的柜台: 但我真的很想在它达到零时显示一条消息,在作者站点上(在callback选项卡下),它说这应该是代码: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
$('#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,因此只有在没有时间的情况下,它似乎才起作用计时器过期时,页面打开:(以下是一个新示例: