2016-11-05 45 views
-2

我想做最简单的天文台,只是一个数字,一直数不胜数。请记住我正在尝试纠正我的自己的代码,请不要回答“此帖子是...的副本”,因为我可能不会理解其他示例。出于某种原因,我的代码无效,请帮助。试图做一个天文台,但失败

<!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> 
+0

请明确提出问题。 – kay

+0

不工作=? – Alfabravo

回答

3

你定义函数里面的“chronometerNumber”变量,因此它被创建和初始化为“1”每次调用该函数。

只需将函数外部的“var chronometerNumber = 1”行移动,它应该可以正常工作。

+0

非常感谢Jose,那是解决方案 – KikePeris

0

嗨,我想我明白了!

<!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> 

setInterval(){}函数的引用写在你必须做出anonimus功能将被叫了暂停后,每一次,我做到了我把setInterval function里面的功能我也向外移动的您var chronometerNumber = 1;声明这个函数是因为如果每次函数被调用的时候它都在那里,你的计数器就会一次又一次地从这个开始,这样每次你只会看到一个。我在家我对英语很有帮助和抱歉。

+0

是的非常感谢,那就是解决方案:) – KikePeris

相关问题