使用javascript在秒表中重置按钮不起作用

使用javascript在秒表中重置按钮不起作用,javascript,html,stopwatch,Javascript,Html,Stopwatch,重置按钮不是重置,但它是作为停止按钮工作。任何人都可以帮助我,这个代码有什么问题 <!DOCTYPE html> <html> <head> <title>Timer</title> <script> var sec = 0; var min = 0; var hour = 0;

重置按钮不是重置,但它是作为停止按钮工作。任何人都可以帮助我,这个代码有什么问题

<!DOCTYPE html>
<html>
    <head>
        <title>Timer</title>
        <script>            
            var sec = 0;
            var min = 0;
            var hour = 0;
            var theResult = "";
            function WatchOperations(key) {
                sec++;
                if (sec == 60) {
                    sec = 0;
                    min = min + 1; }
                else {
                    min = min; }
                if (min == 60) {
                    min = 0; 
                    hour += 1; 
                }
                if (sec<=9) {
                    sec = "0" + sec;
                }
                document.getElementById("stopwatch").value = ((hour<=9) ? "0"+hour : hour) + " : " + ((min<=9) ? "0" + min : min) + " : " + sec;
                if (key == "Start") {
                    document.getElementById("startButton").value = "Stop ";
                }
                if (key == "Stop ") {
                    document.getElementById("startButton").value = "Start"; 
                    sec = sec-1; sec--; 
                }
                if (document.getElementById("startButton").value == "Start") {
                    return true; 
                }
                SD=window.setTimeout("WatchOperations();", 1000);
                theResult = document.getElementById("stopwatch").value;
            }
            function resetIt() {
                sec = 0;
                min = 0;
                hour = 0;                
                if (document.getElementById("startButton").value == "Stop ") {
                    document.getElementById("startButton").value = "Start";
                    window.clearTimeout(SD);
                }
            }
        </script>
    </head>
    <body>
        <table>
            <tr><td align="right"><input type="text" size="12" id="stopwatch" value="00 : 00 : 00" style="text-align:center" />
                </td>
            </tr>
            <tr><td><input type="button" id="startButton" value="Start" onclick="WatchOperations(this.value);"/></td>
                <td><input type="button" id="resetButton" value="Reset" onclick="resetIt()"></td>
            </tr>
        </table>
    </body>
</html>

计时器
var-sec=0;
var min=0;
var小时=0;
var theResult=“”;
功能监视操作(键){
sec++;
如果(秒=60){
秒=0;
min=min+1;}
否则{
min=min;}
如果(最小==60){
最小值=0;
小时+=1;
}

如果(sec在此方法中添加此行document.getElementById(“秒表”).value=“00:00:00”,请重置它 重置秒表

function resetIt() {
            sec = 0;
            min = 0;
            hour = 0;                
            if (document.getElementById("startButton").value == "Stop ") {
                document.getElementById("startButton").value = "Start";
        document.getElementById("stopwatch").value = "00 : 00 : 00";
                window.clearTimeout(SD);
            }
        }

如果不想停止手表,则需要在此方法中注释“window.clearTimeout(SD);”这一行

添加这一行文档。getElementById(“秒表”)。value=“00:00:00”;在此方法中重置它 重置秒表

function resetIt() {
            sec = 0;
            min = 0;
            hour = 0;                
            if (document.getElementById("startButton").value == "Stop ") {
                document.getElementById("startButton").value = "Start";
        document.getElementById("stopwatch").value = "00 : 00 : 00";
                window.clearTimeout(SD);
            }
        }

如果不想停止手表,则需要在此方法中注释“window.clearTimeout(SD);”这一行

添加这一行文档。getElementById(“秒表”)。value=“00:00:00”;在此方法中重置它 重置秒表

function resetIt() {
            sec = 0;
            min = 0;
            hour = 0;                
            if (document.getElementById("startButton").value == "Stop ") {
                document.getElementById("startButton").value = "Start";
        document.getElementById("stopwatch").value = "00 : 00 : 00";
                window.clearTimeout(SD);
            }
        }

如果不想停止手表,则需要在此方法中注释“window.clearTimeout(SD);”这一行

添加这一行文档。getElementById(“秒表”)。value=“00:00:00”;在此方法中重置它 重置秒表

function resetIt() {
            sec = 0;
            min = 0;
            hour = 0;                
            if (document.getElementById("startButton").value == "Stop ") {
                document.getElementById("startButton").value = "Start";
        document.getElementById("stopwatch").value = "00 : 00 : 00";
                window.clearTimeout(SD);
            }
        }

如果您不想停止手表,您需要在该方法中注释“window.clearTimeout(SD);”这一行

首先您需要声明
clearTimeout()
ID,它是
SD
全局的。当您在多个函数中使用它时:
其次,当您单击重置时,必须将秒表设置为默认值,即
“00:00:00”

function resetIt() {
    sec = 0;
    min = 0;
    hour = 0;
    if (document.getElementById("startButton").value == "Stop ") {
        document.getElementById("startButton").value = "Start";
        window.clearTimeout(SD);
        document.getElementById("stopwatch").value = "00 : 00 : 00"; // Changed
    }
}

首先,您需要声明
clearTimeout()
ID,它是
SD
全局性的。当您在多个函数中使用它时:
其次,当您单击重置时,必须将秒表设置为默认值,即
“00:00:00”

function resetIt() {
    sec = 0;
    min = 0;
    hour = 0;
    if (document.getElementById("startButton").value == "Stop ") {
        document.getElementById("startButton").value = "Start";
        window.clearTimeout(SD);
        document.getElementById("stopwatch").value = "00 : 00 : 00"; // Changed
    }
}

首先,您需要声明
clearTimeout()
ID,它是
SD
全局性的。当您在多个函数中使用它时:
其次,当您单击重置时,必须将秒表设置为默认值,即
“00:00:00”

function resetIt() {
    sec = 0;
    min = 0;
    hour = 0;
    if (document.getElementById("startButton").value == "Stop ") {
        document.getElementById("startButton").value = "Start";
        window.clearTimeout(SD);
        document.getElementById("stopwatch").value = "00 : 00 : 00"; // Changed
    }
}

首先,您需要声明
clearTimeout()
ID,它是
SD
全局性的。当您在多个函数中使用它时:
其次,当您单击重置时,必须将秒表设置为默认值,即
“00:00:00”

function resetIt() {
    sec = 0;
    min = 0;
    hour = 0;
    if (document.getElementById("startButton").value == "Stop ") {
        document.getElementById("startButton").value = "Start";
        window.clearTimeout(SD);
        document.getElementById("stopwatch").value = "00 : 00 : 00"; // Changed
    }
}

我想说的是,在if条件块的外部重置秒表文本框值,这将确保即使单击停止按钮,重置按钮也能工作

函数resetIt(){
秒=0;
最小值=0;
小时=0;
if(document.getElementById(“开始按钮”).value==“停止”){
document.getElementById(“开始按钮”).value=“开始”;
窗口清除超时(SD);
}
document.getElementById(“秒表”).value=“00:00:00”;
}

另外,我看到您在按钮为停止时使用了秒--。我认为这不是必需的。

我想重置if条件块外部的秒表文本框值,这将确保即使单击停止按钮,重置按钮仍能工作

函数resetIt(){
秒=0;
最小值=0;
小时=0;
if(document.getElementById(“开始按钮”).value==“停止”){
document.getElementById(“开始按钮”).value=“开始”;
窗口清除超时(SD);
}
document.getElementById(“秒表”).value=“00:00:00”;
}

另外,我看到您在按钮为停止时使用了秒--。我认为这不是必需的。

我想重置if条件块外部的秒表文本框值,这将确保即使单击停止按钮,重置按钮仍能工作

函数resetIt(){
秒=0;
最小值=0;
小时=0;
if(document.getElementById(“开始按钮”).value==“停止”){
document.getElementById(“开始按钮”).value=“开始”;
窗口清除超时(SD);
}
document.getElementById(“秒表”).value=“00:00:00”;
}

另外,我看到您在按钮为停止时使用了秒--。我认为这不是必需的。

我想重置if条件块外部的秒表文本框值,这将确保即使单击停止按钮,重置按钮仍能工作

函数resetIt(){
秒=0;
最小值=0;
小时=0;
if(document.getElementById(“开始按钮”).value==“停止”){
document.getElementById(“开始按钮”).value=“开始”;
窗口清除超时(SD);
}
document.getElementById(“秒表”).value=“00:00:00”;
}

另外,我看到你在按下“停止”按钮时使用了“秒”;。我认为这里不需要这样做。

从你使用过的所有代码中删除SD,如果没有SD,程序也会运行得很好。

从你使用过的所有代码中删除SD,如果没有SD,程序也会运行得很好。

删除SD从您曾经使用过的所有代码中删除SD,如果没有它,程序也可以完美运行。

从您曾经使用过的所有代码中删除SD,如果没有它,程序也可以完美运行