setInterval 不适用于 innerHTML？

Question

我想在我的网站上创建一个小地方来显示秒数运行。但是我的 javascript 函数不是运行。同时，它没有显示任何错误。这是我的 javascript 代码：

function stoptime() {
    let count = 0;
    count = count+1;
    stop = document.getElementById("time");
    stop.iinnerHTML = count.value;

setInterval(stoptime, 1000);

我可以将此代码与 document.write 函数一起使用，但它没有给出计数 ++ 值，而是显示了许多单个计数值。所以我尝试将它与 innerHtml 一起使用，但它不是运行.

请问是什么原因和正确的代码？

Answer 1

计数变量每次都在同一个函数中初始化。每次调用该函数时，其值都会重置为 1。将 count 声明移到函数外应该可以解决您的问题。

你也不需要count.value

let count = 0;
function stoptime() {
    count = count+1;
    stop = document.getElementById("time");
    stop.innerHTML = count;
}
setInterval(stoptime, 1000);

<div id="time"></div>

Answer 2

HTML

 <span id="time"></span>

JS

  let count = 0;
  function stoptime() {
    count++
    stop = document.getElementById("time");
    stop.innerHTML = count;
  }

  setInterval(stoptime, 1000);

setInterval 不适用于 innerHTML？

setInterval is not working with innerHTML?

javascript

error-handling

stopwatch

innerhtml

setinterval