Javascript JS秒表/倒计时:秒变为3位数

Javascript JS秒表/倒计时:秒变为3位数,javascript,Javascript,我必须创建一个组合秒表和倒计时-它的工作正常,但由于某种原因,我的秒表秒数变化为3位,当它达到10。不确定if/else语句中的代码有什么问题!任何想法都是非常感谢的…完全是为了这个。它应该是分/秒/百分之一的格式。谢谢大家! //启动秒表函数并声明变量 var hundr=10; var分钟=0; var秒=0; var秒表=0; //开始秒表 函数startStopwatch(){ “严格使用”; 秒表=设置间隔('setUp()',100); } //函数显示计时器是否达到60秒,显示一

我必须创建一个组合秒表和倒计时-它的工作正常,但由于某种原因,我的秒表秒数变化为3位,当它达到10。不确定if/else语句中的代码有什么问题!任何想法都是非常感谢的…完全是为了这个。它应该是分/秒/百分之一的格式。谢谢大家!

//启动秒表函数并声明变量
var hundr=10;
var分钟=0;
var秒=0;
var秒表=0;
//开始秒表
函数startStopwatch(){
“严格使用”;
秒表=设置间隔('setUp()',100);
}
//函数显示计时器是否达到60秒,显示一个警告,提示“Time up!”,否则,继续递增百分之一百/秒
函数设置(){
var setTime=document.getElementById('output');
hundr+=10;
如果(hundr==100){
秒++;
hundr=0;
}
如果(秒==60){
分钟++;
秒=0;
setTime.innerHTML=“计时!”;
间隔时间(秒表);
返回;
}
//显示秒表的if/else语句-如果秒/分钟数小于10,则显示零。
如果(秒<10){
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':'+秒+':'+hundr;
}	
如果(hundr<10){
setTime.innerHTML='0'+分钟+':0'+秒+':0'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
}}
//启动倒计时函数并声明变量
var-ms=99;
var-mins=0;
var-secs=60;
var倒计时=0;
函数startCountdown(){
“严格使用”;
倒计时=设置间隔('incrTimer()',10);
}
函数incrTimer(){
“严格使用”;
var regMatch=document.getElementById(“输出”).value;
var regex=/^\d{0-2}:\d{0-2}:\d{0-2}$/;
if(regex.test(regMatch)){
document.getElementById(“调试”).innerHTML=“有效”;
}否则{
document.getElementById(“调试”).innerHTML=“无效-请检查您的代码”;
}
var setCountd=document.getElementById('output');
ms--;
如果(ms==-1){
秒--;
ms=99;
} 
如果(秒==-1){
闵--;
秒=59;
setCountd.innerHTML=“计时!”;
清除间隔(倒计时);
警报(“超时”);
返回;
}
//显示倒计时的if/else语句-如果秒/分钟数小于10,则在数字前显示零。
如果(秒>10){
setCountd.innerHTML='0'+mins+':'+secs+':'+ms;
}否则{
setCountd.innerHTML='0'+mins+':'+secs+':'+ms;
}	
如果(ms<10){
setCountd.innerHTML='0'+mins+':'+secs+':0'+ms;
}否则{
setCountd.innerHTML='0'+mins+':'+secs+':'+ms;
}}
//结束函数incrTimer()
函数stopTimer(){//暂停秒表和倒计时的输出
清除超时(秒表);
清除超时(倒计时);
}//结束函数stopTimer()
函数clearOutput(){//清除输出并还原div区域
document.getElementById(“输出”).innerHTML=“”;
}//结束函数clearOutput
#输出{
宽度:300px;
高度:25px;
背景色:#e4e3db;
边框:1px实心#c3c4bc;
}
跨度{
填充:5px10px 5px10px;
背景色:#00FFFF;
}
氢{
字体系列:Arial;
颜色:#799b3d;
}
h4{
字体系列:Arial;
字体:斜体;
颜色:#1f8da8;
}
#调试{
边框:1px纯红;
宽度:620px;
填充:10px;
字体大小:小;
颜色:蓝色;
背景色:#FFFF99;
}

最终的
秒表或倒计时

秒表 倒计时 停止 重置

调试开/关 隐藏调试

此空间保留用于事件输出信息

//显示秒表的if/else语句-如果秒/分钟数小于10,则显示零。
如果(秒<10){
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':'+秒+':'+hundr;
}   
//下一个块覆盖前4行代码
如果(hundr<10){
//在下一行中,第二个可以是任意添加的“0”
setTime.innerHTML='0'+分钟+':0'+秒+':0'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
如何让它工作

setTime.innerHTML = (minutes < 10 ? '0' + minutes : minutes) 
                    + ':' + (seconds < 10 ? '0' + seconds : seconds) 
                    + ':' + (hundr < 10 ? '0' + hundr : hundr);
setTime.innerHTML=(分钟<10?'0'+分钟:分钟)
+“:”+(秒数<10?'0'+秒数:秒)
+“:”+(hundr<10?'0'+hundr:hundr);
//启动秒表函数并声明变量
var hundr=10;
var分钟=0;
var秒=0;
var秒表=0;
//开始秒表
函数startStopwatch(){
“严格使用”;
秒表=设置间隔('setUp()',100);
}
//函数显示计时器是否达到60秒,显示一个警告,提示“Time up!”,否则,继续递增百分之一百/秒
函数设置(){
var setTime=document.getElementById('output');
hundr+=10;
如果(hundr==100){
秒++;
hundr=0;
}
如果(秒==60){
分钟++;
秒=0;
setTime.innerHTML=“计时!”;
间隔时间(秒表);
返回;
}
//显示秒表的if/else语句-if秒数
setTime.innerHTML = (minutes < 10 ? '0' + minutes : minutes) 
                    + ':' + (seconds < 10 ? '0' + seconds : seconds) 
                    + ':' + (hundr < 10 ? '0' + hundr : hundr);
// start stopwatch function and declare variables
        var hundr = 10;
        var minutes = 0;
        var seconds = 0;
        var stopwatch = 0;

    // begin stopwatch
       function startStopwatch(){
       "use strict";
        stopwatch = setInterval('setUp()', 100); 
       }

    // function to show if the timer reaches 60 seconds, display an alert that says "Time up!" Otherwise, continue incrementing hundredths/seconds
    function setUp(){
    var setTime = document.getElementById('output');
        hundr+=10;
        if (hundr == 100) {
        seconds++;
        hundr = 0;
        }
        if (seconds == 60) {
        minutes++;
        seconds = 0;
        setTime.innerHTML = "Time up!";
        clearInterval(stopwatch);
        return;
}

        // if/else statement to display stopwatch - if number of seconds/minutes are less than 10, display a zero.
        if(seconds < 10){
        setTime.innerHTML = '0' + minutes + ':0' + seconds + ':' + hundr;
        } else {
        setTime.innerHTML = '0' + minutes + ':' + seconds + ':' + hundr;
        }   

        var secLabel = seconds > 10 ? ':' +seconds : ':0' + seconds;
        if(hundr < 10) {
        setTime.innerHTML = '0' + minutes + secLabel + ':0' + hundr;
       } else {
        setTime.innerHTML = '0' + minutes + secLabel + ':' + hundr;
    }}


    // start countdown function and declare variables
        var ms = 99;
        var mins = 0;
        var secs = 60;
        var countdown = 0;

    function startCountdown(){
        "use strict";        
        countdown = setInterval('incrTimer()', 10);
        }

    function incrTimer(){
        "use strict";

    var regMatch = document.getElementById("output").value;
    var regex = /^\d{0-2}:\d{0-2}:\d{0-2}$/;    
        if (regex.test(regMatch)) { 
           document.getElementById("debug").innerHTML = "valid";
        } else {
           document.getElementById("debug").innerHTML = "invalid - please check your code";
        }
        var setCountd = document.getElementById('output');
        ms--;
        if (ms == -1) {
        secs--;
        ms = 99;
        } 
        if(secs == -1){
        min--;
        secs = 59;
        setCountd.innerHTML = "Time up!";
        clearInterval(countdown);
        alert('Time up');
        return;
    }

        // if/else statement to display countdown - if number of seconds/minutes are less than 10, display a zero in front of number.
        if(secs > 10){
        setCountd.innerHTML = '0' + mins + ':' + secs + ':' + ms;
        } else {
        setCountd.innerHTML = '0' + mins + ':' + secs + ':' + ms;
        }   
        if(ms < 10) {
        setCountd.innerHTML = '0' + mins + ':' + secs + ':0' + ms;
       } else {
        setCountd.innerHTML = '0' + mins + ':' + secs + ':' + ms;
    }}

       // end function incrTimer()


function stopTimer() { // pauses the output for both the stopwatch and the countdown timer
    clearTimeout(stopwatch);
    clearTimeout(countdown);
    } // end function stopTimer()

function clearOutput() { // clear output and restore div area
            document.getElementById("output").innerHTML = "";
    } // end function clearOutput