如何在HTML a-Frame中设置延迟

我正在研究A帧，但找不到任何教程说明如何设置动画之间的延迟。我将如何使用尽可能少的代码行来实现这一点

代码：

试试看

或者编写一个组件来触发第一个动画，等待，然后触发第二个动画

AFRAME.registerComponent('trigger', {
  init: function () {
    this.el.emit('triggerfirst');
    setTimeout(() => {
      this.el.emit('triggersecond');
    }, 300);
  }
});

<a-entity animation__1="startEvents: triggerfirst" animation__2="startEvents: triggersecond" trigger>

AFRAME.registerComponent（'trigger'{
init：函数（）{
此.el.emit（'triggerfirst'）；
设置超时（（）=>{
这个.el.emit（'triggersond'）；
}, 300);
}
});

---

如果需要，您也可以让

触发器

组件等待事件。

您能更具体一点吗？向我们展示您首先尝试的内容。我需要在同一对象上的两个动画之间延迟3秒。您可以添加您自己尝试的代码吗？抱歉，它不允许我将代码的格式设置为应该的格式，但我认为应该仍然可以。耶，就像我说的，我需要在这两个动画之间延迟3秒。

AFRAME.registerComponent('trigger', {
  init: function () {
    this.el.emit('triggerfirst');
    setTimeout(() => {
      this.el.emit('triggersecond');
    }, 300);
  }
});

<a-entity animation__1="startEvents: triggerfirst" animation__2="startEvents: triggersecond" trigger>