Settimeout仅工作一次.为什么


    <!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不是您需要的方法,实际上它在指定的dalay之后执行一次代码片段,因此SetInterval可能会为您的任务做:https://developer.mozilla.org/en-us/docs/web/api/windowtimers/setInterval

将settimeout更改为setInterval,它应该起作用。

这是小提琴演示

settimeout 运行一次代码。您想使用 setInterval 方法重复运行代码。

      
    

最新更新