javascript - 根据时间动态替换图片出现闪烁怎么解决？

Question

图中小苗有三个生长状态，用倒计时的方式，动态改变img标签内的src，
在安卓上表现不错，在ios上存在计数一次，小苗闪烁一次的情况。
不知道什么原因，求解决方法？

js是这样写的（很渣 ， 勿喷~）

Answer 1

1. 首先图片先做预加载

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

Answer 2

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

Answer 3

图片预加载 这才是关键