javascript - Wie kann das Problem des Flackerns beim dynamischen Ersetzen von Bildern basierend auf der Zeit gelöst werden?

Question

Die Sämlinge im Bild haben drei Wachstumszustände, um den SRC im IMG-Tag dynamisch zu ändern.
Unter Android funktioniert es gut, es zählt einmal und die Sämlinge blinken einmal.
Ich kenne den Grund nicht, gibt es eine Lösung?

js ist so geschrieben (es ist Abschaum, nicht kritisieren~)

Answer 1

1. 首先图片先做预加载

2. 每次去改变图片的src属性就好,减少不必要的重排

Answer 2

把图片拼成雪碧图 修改图片显示坐标

Answer 3

图片预加载 这才是关键