图片切换动画，修改src会重复发请求，求解决方案

Question

我今天看到b站的首页头部有个移动模糊的效果，就自己尝试模仿了一下。
最后效果 Demo。

但是这个小人的眨眼几张图片的切换我是用的更改 img 的 src 实现的，由于这个切换一直用定时器循环，会一直发请求，浏览器有时也会把请求 cancel 掉，导致有时候动画运行有问题。

我发现 b 站的这个眨眼动画是替换了 img 这个元素，但是我尝试了一下没有找到解决方法。请知道的大神指导一下，非常感谢。

代码在 Github.

Answer 1

img 序列 预加载到一个 img数组
然后 直接在指定位置内替换 预加载的 img，这样不会出现 重新请求的问题