JavaScript倒计时

我想让这个JavaScript倒计时计时器显示01，而不是1和00，当这部分没有任何内容时。我基本上只是想让它看起来像一个数字钟，但是当没有0的时候它看起来很奇怪

以下是我找到的脚本：

// JavaScript Document

CountDownTimer('03/25/2013 9:0 AM', 'countdownSpring');
CountDownTimer('06/10/2013 9:0 AM', 'countdownSummer');
CountDownTimer('11/27/2013 9:0 AM', 'countdownFall');
CountDownTimer('12/23/2013 9:0 AM', 'countdownWinter');

function CountDownTimer(dt, id)
{
    var end = new Date(dt);

    var _second = 1000;
    var _minute = _second * 60;
    var _hour = _minute * 60;
    var _day = _hour * 24;
    var timer;

    function showRemaining() {
        var now = new Date();
        var distance = end - now;
        if (distance < 0) {

            clearInterval(timer);
            document.getElementById(id).innerHTML = 'CAMP IS HERE!';

            return;
        }
        var days = Math.floor(distance / _day);
        var hours = Math.floor((distance % _day) / _hour);
        var minutes = Math.floor((distance % _hour) / _minute);
        var seconds = Math.floor((distance % _minute) / _second);

        document.getElementById(id).innerHTML = days + ':';
        document.getElementById(id).innerHTML += hours + ':';
        document.getElementById(id).innerHTML += minutes + ':';
        document.getElementById(id).innerHTML += seconds;
    }

    timer = setInterval(showRemaining, 1000);
}

//JavaScript文档
倒计时（“2013年3月25日上午9:0”，“倒计时春天”）；
倒计时（“2013年10月6日上午9:0”，“倒计时夏”）；
倒计时（“2013年11月27日上午9:0”，“倒计时”）；
倒计时（'2013年12月23日上午9:0，'countdownWinter'）；
功能倒计时（dt，id）
{
var结束=新日期（dt）；
var_秒=1000；
var _minute=_second*60；
变量(小时)=(分钟)*60 ;；
var _日=_小时*24；
无功定时器；
函数showLeving（）{
var now=新日期（）；
var距离=结束-现在；
如果（距离<0）{
清除间隔（计时器）；
document.getElementById（id）.innerHTML='CAMP在这里！'；
返回；
}
var天数=数学楼层（距离/天数）；
var小时=数学楼层（（距离%\u天）/\u小时）；
var分钟=数学楼层（距离%\u小时）/\u分钟）；
var秒=数学楼层（（距离%\u分钟）/\u秒）；
document.getElementById（id）.innerHTML=days+'：'；
document.getElementById（id）.innerHTML+=hours+'：'；
document.getElementById（id）.innerHTML+=minutes+'：'；
document.getElementById（id）.innerHTML+=秒；
}
定时器=设置间隔（显示剩余，1000）；
}

在将值添加到页面之前，您可以始终测试该值，并进行相应的更改，即：

var daysString;
if (days == 0) { daysString = "00"; }
else if (days < 10) { daysString = "0" + days; }
else { daysString = "" + days; } 
document.getElementById(id).innerHTML = daysString + ':';

var daysString；
如果（天==0）{daysString=“00”；}
如果（天<10）{daysString=“0”+天；}
else{daysString=”“+天；}
document.getElementById（id）.innerHTML=daysString+'：'；

一种方法是创建一个数字扩展名，如下所示：

Number.prototype.useLeadingZero = function () {
    return (this < 10 ? "0" : "") + this;
};

document.getElementById(id).innerHTML = days.useLeadingZero() + ':' +
                                        hours.useLeadingZero() + ':' +
                                        minutes.useLeadingZero() + ':' +
                                        seconds.useLeadingZero();

---

您可以使用以下简单功能：

function pad(n) {
  return (n<10? '0':'') + n;
}

或

---

对Javascript源代码的一些更改（我已经使用jquery进行了更改）

var-cdTimer；
函数倒计时（dt，elementID）
{
var结束=新日期（dt）；
var_秒=1000；
var _minute=_second*60；
变量(小时)=(分钟)*60 ;；
var _日=_小时*24；
cdTimer=setInterval（函数（）{showlaining（end，_second，_minute，_hour，_day，elementID）}，1000）；
}   
函数显示剩余（结束、\u秒、\u分钟、\u小时、\u天、元素ID）
{
var$updateElement=$（“#”+elementID）；
var now=新日期（）；
var距离=结束-现在；
如果（距离<0）
{
清除间隔（cdTimer）；
$updateElement.html（'CAMP在这里！'）；
返回；
}
var天数=数学楼层（距离/天数）；
var小时=数学楼层（（距离%\u天）/\u小时）；
var分钟=数学楼层（距离%\u小时）/\u分钟）；
var秒=数学楼层（（距离%\u分钟）/\u秒）；
$updateElement.html（天+''右（'00'+小时，2）+'：'+右（'00'+分钟，2）+'：'+右（'00'+秒，2））；
}
功能权限（str，n）
{
if（n字符串（str）.length）
{
返回str；
}
其他的
{
var-iLen=字符串（str）.length；
返回字符串（str）.substring（iLen，iLen-n）；
}
}           
$（文档）.ready（函数（）{
倒计时（“2013年3月25日上午9:0”，“倒计时春天”）；
倒计时（“2013年10月6日上午9:0”，“倒计时夏”）；
倒计时（“2013年11月27日上午9:0”，“倒计时”）；
倒计时（'2013年12月23日上午9:0，'countdownWinter'）；
});

document.getElementById(id).innerHTML = pad(days) + ':' + pad(hours) + ':' +
                                        pad(minutes) + ':' + pad(seconds);

document.getElementById(id).innerHTML = [pad(days),pad(hours),pad(minutes), pad(seconds)].join(':');

            var cdTimer;
        function CountDownTimer(dt, elementID)
        {
            var end = new Date(dt);

            var _second = 1000;
            var _minute = _second * 60;
            var _hour = _minute * 60;
            var _day = _hour * 24;

            cdTimer = setInterval(function() { showRemaining(end, _second, _minute, _hour, _day, elementID) }, 1000);
        }   
        function showRemaining(end, _second, _minute, _hour, _day, elementID) 
        {
            var $updateElement = $('#' + elementID);
            var now = new Date();
            var distance = end - now;
            if (distance < 0) 
            {

                clearInterval(cdTimer);
                $updateElement.html('CAMP IS HERE!');

                return;
            }
            var days = Math.floor(distance / _day);
            var hours = Math.floor((distance % _day) / _hour);
            var minutes = Math.floor((distance % _hour) / _minute);
            var seconds = Math.floor((distance % _minute) / _second);

            $updateElement.html( days + ' ' + Right('00' + hours, 2) + ':' + Right('00' + minutes, 2) + ':' + Right('00' + seconds, 2) );
        }
        function Right(str, n)
        {
            if (n <= 0)
            {
                return "";
            }
            else if (n > String(str).length)
            {
                return str;
            }
            else 
            {
                var iLen = String(str).length;
                return String(str).substring(iLen, iLen - n);
            }
        }           
        $(document).ready(function() {
            CountDownTimer('03/25/2013 9:0 AM', 'countdownSpring');
            CountDownTimer('06/10/2013 9:0 AM', 'countdownSummer');
            CountDownTimer('11/27/2013 9:0 AM', 'countdownFall');
            CountDownTimer('12/23/2013 9:0 AM', 'countdownWinter');
        });