JavaScript - 時間に基づいて画像を動的に置き換えるときのちらつきの問題を解決するにはどうすればよいですか?

Question

写真の苗木には 3 つの成長状態があります。img タグの src を動的に変更するには、カウントダウン メソッドを使用します。
Android では良好なパフォーマンスを示します。iOS では、1 回カウントされ、苗木が 1 回点滅します。
原因がわかりません。解決策を聞いてもいいですか?

js は次のように書かれています (非常に卑劣です。スプレーしないでください~)

Answer 1

1. まず、画像をプリロードします

2. 不必要な再配置を減らすために、毎回画像の src 属性を変更するだけです

Answer 2

画像をスプライト画像に結合し、画像の表示座標を変更します

Answer 3

画像のプリロードが鍵です