js实现gif效果

原理：换图片路径类似于图片帧（vue为例）

html:    <image :src="bindOppen" mode="widthFix"></image>

js:   

        num:0,//定义参数

        bindOppen:'../../static/bindOppen1.png'//定义参数

        

        blindOppenFn(){//定义方法
                var _this=this;
                this.times=setInterval(function () {
                 _this.num=_this.num+1;
                 if(_this.num>20){//实际以图片张数为准
                     clearInterval(_this.times);

                     _this.times=null;
                     _this.num=0;
                     return;
                 }
                 var bindOppen='../../static/bindOppen'+_this.num+'.png'
                },200)
            }