使用if语句隐藏div进出

Question

基本上我尝试淡入或淡出<div id="speech-bubble-sun">或<div id="speech-bubble-dark">，具体取决于动画淡出div <div id="headlights">的可见性。所以here is what I have so far。

我在整个函数中以不同的间隔调用if语句，它现在可以工作了！

但是，一旦函数再次被调用（在循环中），if语句就会停止工作。

Answer 1

“if”测试工作正常。

“fadein”和“fadeout”是从您自己的代码异步完成的。即，当“前灯”div淡入/淡出时，您自己的代码将继续执行。

当“fadeout”完成时，“headlights”div被设置为“隐藏”（不可见），但稍后它会变得可见，因为它渐渐消失然后淡出。

因此，超过99％的时间它将是可见的，而只有不到1％的时间（从“淡出”完成到“fadein”开始之前的精确瞬间）它将被隐藏，所以你几乎总会看到“语音泡沫太阳”，而不是“语音泡沫黑暗”。你不会在这两个div之间打乒乓。