如何打印 For Loop Change HTML 标签

Question

我正在尝试打印范围的 For 循环：

0 > 1000

问题是：可以用 "CHRNOMETER" 效果更改 HTML 标签吗？

我一直在尝试这个：

    <span id="timer"></span> 

<script>
var startTime = 350;

function change(i) {

     document.getElementById("timer").innerHTML = i;

    }


for(i = 0; i < startTime; i++){

setInterval(change(i), 10000);
}
</script>

但是代码只显示了最终结果。

我需要设置间隔。它的最终效果应该类似于毫秒计时器。

Answer 1

for 循环是不必要的，因为设置的间隔默认会重复自身。第一个参数应该是一个函数，这样它才能正常工作（你传递了一个函数调用）

var i =0;
var startTime = 100;

function change() {
if(i<startTime)
  i++;
else
   clearInterval(loop);
console.log('setInterval is looping');
     document.getElementById("timer").innerHTML = i;
    }

   var loop= setInterval(function(){change()}, 100);

<span id="timer"></span>

Answer 2

我希望明白你在说什么，制作计时器效果的选项是：

var finish = 300;
var count = 0;

spanTimer = document.getElementById("timer")

function change(count) {
  spanTimer.innerHTML = count;
  if (count >= finish)
   clearInterval(eventInterval);
  count++
  return count
}

eventInterval = setInterval(function() {
 count = change(count);
}, 10);

<span id="timer"></span>

备注：

仅调用 document.getElementById("timer") 一次，尽管它的性能非常快，请尝试应用好的做法。
考虑到 setInterval 的最短时间为 10 毫秒，如果您写入的时间少于 10 毫秒，则默认为 10 毫秒。
当您到达目标时，setInterval 和 clearInterval 是必要的。

如何打印 For Loop Change HTML 标签

How to print For Loop Change HTML Label

jquery

loops

labels