Hilios jQuery "The Final Countdown" 计数后的文本

Question

所以，我正在使用 Hilios jQuery "The Final Countdown"，我想添加一个 "Text After Countdown"。为了更好地理解我想要什么：倒计时结束时（日期到来时），我不希望它显示 00:00:00:00 或类似的东西，而是更改为文本（从 00:00:00:00 到 "Server Started" 之类的东西）。我不擅长 jQuery/Javascript 等东西，所以有人可以帮助我吗？

我也在用他的"Timezone Aware"function/add-on。

Answer 1

如文档中所述 (http://hilios.github.io/jQuery.countdown/documentation.html#introduction)

您可以对 "finish.countdown" 事件使用 jQuery 的 on 方法来执行您的代码。

$('div#clock').countdown(finalDate)
    .on('update.countdown', callback)
    .on('finish.countdown', callback);

这是 JSFiddle 示例：https://jsfiddle.net/0yq3hbd2/1/

所以在你的情况下，它将是：

var currTime = new Date();

if (serverStart.toDate() < currTime)
    $('#clock').html("Server Started");
else
{
    $('#clock').countdown(serverStart.toDate(), function(event) { 
    $(this).html(event.strftime('%D:%H:%M:%S')); })
    .on('finish.countdown',function(event){$(this).html("Server Started");});
}

Answer 2

只有一件事，外部 if 没用，因为 finish 事件将在给定日期已经完成时调度。

另一个改进是将update和finish都注册为回调，上面的方法是连续执行两个finish事件，改用这个：

$('#clock').countdown(serverStart.toDate())
.on('update.countdown', function(event) {
    $(this).html(event.strftime('%D:%H:%M:%S'));
})
.on('finish.countdown',function(event) {
    $(this).html("Server Started");
});

感谢使用插件！

Hilios jQuery "The Final Countdown" 计数后的文本

Hilios jQuery "The Final Countdown" Text After Count

javascript

jquery

countdown