react項目中利用多個setTimeout實現動畫效果的隱藏bug

最近遇到一個看似比較輕鬆，但實際上實現起來有點扎手的功能，這是我本身的感覺啊~不表明任何人。javascript 實現的功能就是登陸頁上有一組動畫，大概12個，前10個動畫之間間隔0.5s左右，第10個與第11個動畫之間間隔2s，後面依舊是間隔0.5s。（可查看下面的動態圖）css 首先全部的動畫均不可見，而後第一個動畫出現後不消失，接着0.5s後再出現第二個動畫，也不消失，直到12個動畫展現完畢

>>阅读原文<<