javascript - 在 'for' 循环迭代之间添加延迟

Question

我正在尝试实现基本的 60 秒计数器(带有 idcounter 的 p 元素)，该计数器在按钮后触发(counter_start()) 被按下。但我希望这之间有 1 秒的延迟，并确保浏览器窗口中实时更新

 <script type="text/javascript">

    function counter_start(){
        x=0
        for(i=0;i<60;i++){
        x++;
        document.getElementById("counter").innerHTML=x;

         }
     }


    </script>

P.S:可能还有其他简单的方法来实现计时器。但这与计时器无关......实际上我是一名学生，并试图找出其架构和机制。 编辑:请发布代码的测试版本，因为下面发布的一些代码不会实时更新

Answer 1

试试这个 Example 希望它对你有用

JS

 for(i = 1; i <= 3; i++)
   {
   (function(i){
       setTimeout(function(){
         alert(i);
     }, 1000 * i);
   }(i));
}