显示计算A帧中秒数的文本计时器

Question

所以我在定时器进入A-frame游戏时遇到了一些麻烦。我正在使用该组件并希望它每秒更新一次，就像普通的游戏计时器一样。我可以很好地显示文字，但似乎无法弄清楚如何衡量游戏时间。

<a-text id="score" value="hits" position="-0.2 -0.6 -1" color="red" width="5" anchor="left"></a-text>
$("#score").setAttribute("text","value","hits "+score)

我更新了这样的得分文本，这是有效的，但如何从游戏开始获取时间并使用它来更新另一个？

Answer 1

最简单的方法是通过setInterval，如：

var time = 0;
setInterval(() => {
  timeText.setAttribute('text', 'value', `${time} seconds`);
  time++;
}, 1000);