Countdownjs如何显示0个单位

时间:2014-11-06 00:31:12

标签: javascript jquery countdown countdownjs.js

我正在使用JS库CountdownJS。我希望在适用时为每个时间单位返回零值。目前,当值为0时,单位不会显示。

以下是我想看到的内容:

enter image description here

以下是我目前看到的内容:

enter image description here

任何熟悉该库的人都知道在源代码中我会更新这个内容吗?

参考:http://countdownjs.org/readme.html

1 个答案:

答案 0 :(得分:0)

这是我写的一段非常简单的倒计时功能。然而,请随意使用它。

var t = new Date(2014,11,25,9,30),
    p = document.getElementById("time"),
    timer;
var u = function () {
    var delta = t - new Date(),
        d = delta / (24 * 3600 * 1000) | 0,
        h = (delta %= 24 * 3600 * 1000) / (3600 * 1000) | 0,
        m = (delta %= 3600 * 1000) / (60 * 1000) | 0,
        s = (delta %= 60 * 1000) / 1000 | 0;
    
    if (delta < 0) {
        clearInterval(timer);
        p.innerHTML = "timer's finished!";
    } else {
        p.innerHTML = d + "d " + h + "h " + m + "m " + s + "s";
    }
}
timer = setInterval(u, 1000);
<h1 id="time"></h1>

唯一棘手的部分可能是我使用

h = (delta %= 24 * 3600 * 1000) / (3600 * 1000) | 0
执行delta %= ...后,

delta会返回%=。这只是为了保存角色。如果你不喜欢这个,你可以将delta %= ...部分分开:

delta %= 24 * 3600 * 1000;
h = delta / (3600 * 1000) | 0;
// ... do the same for the rest

fiddle