Html5 canvas HTML5画布游戏设置多个对象的时间间隔创造难度

我第一次创建了一个HTML5画布游戏。 这是一个塔防游戏，所以基本上我有一个来自“敌人”类的敌人物体阵列，它们通过一条路径飞进来。然后我还有一个来自“塔”类的塔对象数组，当它们靠近时会杀死它们

对于移动多个敌人和从塔楼开火这两种操作，我使用下面的setInterval，通过在各自类的实例中使用SETINTERVALL来改变它们的状态并独立地发射动画。 _thatTower.attackInterval=setInterval（函数（）…此处的消防代码…}，50）

我面临的困难是，这些设定间隔往往会和其他情况混淆，在少数情况下会结合在一起，并将所有敌人的反应作为一个整体进行处理，但不是独立的

我希望这些能独立工作。我对此有两种看法- 1.或者有更好的方法对我没有使用的同一类Different实例使用setintetval。 2.或者，在这些地方，设置间隔是不合适的。。请让我知道我们如何在画布上独立移动许多东西

---

提前感谢

您应该存储一个值，该值存储上次更改动画的时间。在游戏循环中，迭代游戏对象（该值将附加到每个对象），并相应地更新其动画状态。这是任何其他语言采用的传统方法，比许多计时器更明确。

我可以存储动画状态。没错。但是我如何改变不同物体在固定间隔后的状态（我现在用定时器来做），例如，一座塔在固定间隔后向射程内的敌人开火。这个时间间隔是不同的，与游戏的FPS无关。另外，每座塔都有不同的计时，但有固定的间隔。