JQuery倒计时时钟插件的前导零周期

Question

我正在使用JQuery Countdown Clock plugin from here。

目前这是图像视图

不幸的是，我需要在有一位数的情况下有前导0。例如，3：0应显示为03:00。

这是我目前的代码

<p class="pull-right">
    Refreshing in: 
    <span id="countdown_hidden" style="display: none;"></span>
    <span id="countdown"></span>
</p>

<script>
    $('#countdown_hidden').countdown({until: 180, padZeroes: true,
        onTick: function(periods) {
            $('#countdown').text(periods[5] + ':' + periods[6]); 
        }
    });
</script>

Answer 1

您需要一个简单的pad2函数：

function pad2(n) {
    return ((n < 10) ? "0" : "") + n;
}

（＆gt; = 10情况下空字符串的串联确保输出始终为字符串）

Answer 2

使用倒计时插件的紧凑模式（如果插件正好如此：http://keith-wood.name/countdown.html）

 $('#countdown_hidden').countdown({
      until: 180, 
      padZeroes: true, 
      compact: true,
      format: 'MS' //minutes:seconds
 });

更多信息：

http://keith-wood.name/countdown.html#quick（快速参考）