Javascript 试图做一个天文计，但失败了_Javascript_Html

Javascript 试图做一个天文计，但失败了

javascript html

Javascript 试图做一个天文计，但失败了,javascript,html,Javascript,Html,我试着做一个最简单的计时器，一个能无限计数的数字。请记住，我正在试图更正自己的代码，不要回答“这篇文章是……的翻版”，因为我可能不理解其他例子。由于某些原因，我的代码无法工作，请帮助 <!doctype html> <html> <head> <style> #screen { position: relative; border: 2px solid black; width: 800px;

我试着做一个最简单的计时器，一个能无限计数的数字。请记住，我正在试图更正自己的代码，不要回答“这篇文章是……的翻版”，因为我可能不理解其他例子。由于某些原因，我的代码无法工作，请帮助

<!doctype html>
<html>
    <head>
    <style>
    #screen {
    position: relative;
    border: 2px solid black;
    width: 800px;
    height: 600px;
    top: 50px;
    left: 500px;
    }

    #chronometer {
    position: absolute;
    top: 150px;
    left: 300px;
    font-size: 100px;
    width: 300px;
    height: 300px;
    }
    </style>
    </head>
    <body>
    <div id="screen">
        <div id="chronometer"></div>
    </div>
    <script>
    var chronometer = setInterval(increaseChronometer, 1000);
    function increaseChronometer () {
        var chronometerNumber = 1;
        document.getElementById("chronometer").innerHTML = chronometerNumber;
        chronometerNumber++;
    }
    </script>
    </body>
</html>


#屏风{
位置：相对位置；
边框：2件纯黑；
宽度：800px；
高度：600px；
顶部：50px；
左：500px；
}
#天文钟{
位置：绝对位置；
顶部：150px；
左：300px；
字体大小：100px；
宽度：300px；
高度：300px；
}
var计时器=设置间隔（增加计时器，1000）；
功能增加计时器（）{
var chronometerNumber=1；
document.getElementById（“chronometer”）.innerHTML=chronometerNumber；
计时器编号++；
}

您正在函数中定义“chronometerNumber”变量，因此每次调用函数时，它都会被创建并初始化为“1”

只要将行“var chronometerNumber=1”移到函数外，它就可以正常工作。

嗨，我想我找到它了

<!doctype html>
<html>
    <head>
    <style>
    #screen {
    position: relative;
    border: 2px solid black;
    width: 800px;
    height: 600px;
    top: 50px;
    left: 500px;
    }

    #chronometer {
    position: absolute;
    top: 150px;
    left: 300px;
    font-size: 100px;
    width: 300px;
    height: 300px;
    }
    </style>
    </head>
    <body>
    <div id="screen">
        <div id="chronometer"></div>
    </div>
    <script>
    var chronometerNumber = 1;
    var chronometer = setInterval(  function increaseChronometer () {
    document.getElementById("chronometer").innerHTML = chronometerNumber;
    chronometerNumber++;
    }, 1000); 
    </script>
    </body>
</html>


#屏风{
位置：相对位置；
边框：2件纯黑；
宽度：800px；
高度：600px；
顶部：50px；
左：500px；
}
#天文钟{
位置：绝对位置；
顶部：150px；
左：300px；
字体大小：100px；
宽度：300px；
高度：300px；
}
var chronometerNumber=1；
var计时器=设置间隔（功能增加计时器（）{
document.getElementById（“chronometer”）.innerHTML=chronometerNumber；
计时器编号++；
}, 1000);

在

setInterval（）{}

函数的引用中写到，您必须生成一个在每次超时后都会被调用的函数，我这样做了，我将您的函数放入

setInterval函数中

并且我移动了

var chronometerNumber=1函数外部的声明，因为如果每次调用函数时它都在函数外部，那么计数器将一次又一次地从一个开始，依此类推，并且每次只能看到一个。我回家时，我对英语很有帮助，也很抱歉。
请明确地问一个问题。