2016-11-05 41 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

相關問題