当另一个人开始时，如何让功能结束？

Question

我有很多画布和两个函数：一个用于鼠标悬停，每个用于鼠标悬停。 第一个增加正方形，第二个减少。

    area.addEventListener("mouseover", function animate() {
        //increasing
    });

    area.addEventListener("mouseout", function animate() {
        //decreasing
    });

问题是，当一个方块增加而另一个方块也开始增加时（当第一个仍然有效时），第一个方块停止。

如何解决？