2016-06-19 12 views
-2
<!DOCTYPE html> 
    <html> 
     <head> 
     <meta charset="utf-8"> 
     <title></title>  
     <script> 
     function move(){ 
    var i =10; 
    var demo = document.getElementById('demo3'); 
    demo.innerHTML = i; 

    function run(){ 
    demo.innerHTML = ++i ; 
    } 
    var id = setTimeout(run,1000); 
} 

     </script> 
     </head> 
     <body> 
     <div class="main-content"> 
      <div class="micro"><p id="demo3"></p></div> 
      <input type="button" class="btn" id="start" onclick="move()" name="name" value="Start"> 
     </div> 
     </body> 
    </html> 

コードが正しく動作しません。それはiの値を連続的に増加させなければならないが、一度だけ止まる。助けてください。setTimeoutは1回だけ動作します。どうして?

+1

ウェブ検索で簡単に解決できる質問をする前に、基本的な調査をお試しください – charlietfl

答えて

1

変更のsetTimeout、それが動作するはずです。ここで

1

は、一度コードを実行Fiddle Demo

のsetTimeoutです。コードを繰り返し実行するには、setIntervalメソッドを使用します。

関連する問題