如何计算所有生成的数字？

Question

我正在尝试做的事情：

• 计算每 5 秒生成的所有数字。

实际结果

• 只生成数字，但不计算它们。

预期成绩

• 计算生成并显示在问题旁边的所有数字。

 function generator() { number = Math.floor(Math.random() * 11); setTimeout(function() { setTimeout(function() { document.getElementById("demo").innerHTML = number; generator(); }, 5000); }) } function add() { var count = 0 var element = document.getElementById("demo").innerHTML; if (element.innerHTML) { count++ document.getElementById("demo1").textContent = count++; } } generator(); add();

 <p id="demo"></p> How many numbers was generated? <p id="demo1"></p>

Answer 1

您只调用add()一次。 您可能想从generate()函数内部调用它。 此外， var count = 0应该在add()函数之外，以便它的值在调用之间保持不变。

旁注：

• 每次add()调用add() count增加两次。

• generate()的外部setTimeout没有用。

• number是一个泄漏的全局变量，你应该用var声明它

Answer 2

我建议您使用setInterval进行重复调用，并使用data属性来存储当前计数。

提取document.getElementById的调用以避免在每个setInterval循环中查找元素。

 var demoElem = document.getElementById("demo"); var countElem = document.getElementById("demo1"); function generator() { var interId = setInterval(function() { var number = Math.floor(Math.random() * 11); demoElem.textContent = number; add(); }, 2000); } function add() { countElem.dataset.count = Number(countElem.dataset.count) + 1; countElem.textContent = countElem.dataset.count; } generator();

 <p id="demo"></p> How many numbers was generated? <p id="demo1" data-count='0'></p>