javascript - 如何将递增变量整合到段落中

Question

我正在尝试制作一款类似于 candy box 的闲置游戏.我将在页面的一侧有一个数字，每秒增加一个。但是，下面显示的代码似乎不起作用。谁能告诉我为什么它不起作用；如何修复它以及他们从哪里获得信息。提前谢谢你。

<script type="text/javascript">
 var i = 0;

 function increment(){
    i++;
    document.getElementById('money').innerHTML = i;
 }

 setInterval(increment(), 1000);
</script> 
        <h2><u>The best game of the century</u></h2>
        <p>you have &#163;<span id="money"></span>.</p>
    </body>
</html>

Answer 1

你有两个问题:

1. 您在呈现 DOM 之前调用脚本，因此在脚本运行时，没有 ID 为 money 的元素。
2. 在您的 setInterval 调用中，您只需要不带括号的函数名称 (increment)。包括括号(如 increment())仅在特定时刻调用该函数，而不是引用它在每个时间间隔调用。 (有关更多详细信息，请参阅 the Microsoft page on setInterval。)

查看这段代码:

<h2><u>The best game of the century</u></h2>
<p>you have &#163;<span id="money"></span>.</p>

<script type="text/javascript">
  var i = 0;

  function increment() {
    i++;
    document.getElementById('money').innerHTML = i;
  }

  setInterval(increment, 1000);
</script>