javascript - Comment résoudre le problème du scintillement lors du remplacement dynamique d'images en fonction du temps?

Question

Les semis sur la photo ont trois états de croissance. Utilisez un compte à rebours pour modifier dynamiquement le src dans la balise img.
Cela fonctionne bien sur Android Sur iOS, cela compte une fois et les semis clignotent une fois.
Je ne connais pas la raison, une solution ?

js s'écrit comme ça (c'est de la racaille, ne critique pas~)

Answer 1

1. Tout d'abord, préchargez l'image

2. Changez simplement l'attribut src de l'image à chaque fois pour réduire les réarrangements inutiles

Answer 2

Mettez l'image dans une image Sprite et modifiez les coordonnées d'affichage de l'image

Answer 3

Le préchargement des images est la clé