Question

我试图打印范围的For循环：

0 > 1000

问题是：可以使用＆＃34; CHRNOMETER＆＃34;更改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

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

＆＃13;

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

＆＃13;

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

＆＃13;

注意：

只调用document.getElementById("timer")一次，尽管其性能非常快，但请尝试应用良好做法。
让您的逻辑考虑到setInterval的最小时间为10毫秒，如果您写的时间少于10毫秒，则默认为10毫秒。
当您到达目标时，必须使用setInterval停止clearInterval。

如何打印For循环更改HTML标签

2 个答案: