クロノメーターをしようとしましたが、失敗しました

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

出典

2016-11-05 KikePeris

明示的に質問してください。 – kay

動作しません=？ – Alfabravo

それが「1」に作成され、初期化されるようにするには、関数の内部では、関数を呼び出すたびに「chronometerNumber」変数を定義しています。

"var chronometerNumber = 1"行を関数の外に移動するだけで正常に動作します。

出典

2016-11-05 19:19:15 JoseCoig

多くのおかげでホセ、解決策でした – KikePeris

こんにちは、私はそれを得たと思います！ setInterval(){}機能の参照で

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

あなたはタイムアウト後のたびに呼び出されますanonimus機能をしなければならないことを書かれて、そして私は私が外にあなたのvar chronometerNumber = 1;宣言を移動もsetInterval functionの内側に、あなたの関数を入れてそれをやっていますこの関数は、関数が呼び出されるたびにそこにあると、カウンタが何度も何度も繰り返され、毎回1つしか表示されないためです。私は家に留学して英語を忘れました。

出典

2016-11-05 19:48:09

はい、ありがとう、それは解決策です:) – KikePeris

クロノメーターをしようとしましたが、失敗しました

答えて

関連する問題