JQuery Countdown Clock插件的前导零

时间:2009-07-09 15:17:20

标签: javascript jquery

我正在使用JQuery Countdown Clock plugin from here

不幸的是,我需要在有一位数的情况下有前导0。例如1:1:22应显示为01:01:22。

任何人都可以帮忙吗?

由于

6 个答案:

答案 0 :(得分:9)

我使用'布局'模式工作了。

http://keith-wood.name/countdownRef.html

我的代码现在看起来像这样......

        $j('#Countdown').countdown({
            until: until,
            layout: '<div class="countdown_section">' +
                 '<div><span class="digits">{dnn}</span><br/>Days</div>' +
                 '<div><span class="digits">{hnn}</span><br/>Hours</div>' +
                 '<div><span class="digits">{mnn}</span><br/>Minutes</div>' +
                 '<div><span class="digits">{snn}</span><br/>Seconds</div></div>',
            serverTime: since,
            onExpiry: function(){
                render_expire();
            }
        });

干杯!

答案 1 :(得分:2)

版本2.0.0中添加了 padZeroes 选项: http://keith-wood.name/countdownRef.html#padZeroes

示例:

$("#foo").countdown({
    until: new Date(2014, 11-1, 14),
    padZeroes: true
});

答案 2 :(得分:1)

我向Countdown项目添加了一个问题,即制作新的"leading zeros" option

答案 3 :(得分:1)

我无法让布局模式技巧发挥作用,所以我使用了这个:

http://www.fundp.ac.be/sciences/chimie/javas/js_format.html

并将代码拼接到倒计时js文件中的_showFull方法中。

答案 4 :(得分:0)

查看“格式1”部分。 “Compact”格式显示前导零。

他们的例子:

$('#compact').countdown({until: liftoffTime, compact: true, 
description: ''});

答案 5 :(得分:0)

您可以使用此方法轻松设置格式:

           $('#countdown').countdown({
                until: thedatetime_youwant,
                description: '',
                layout: '{hn}:{mnn}',
            });

此示例执行小时(可能的单个数字)和分钟(总是2个数字)。