小程序-帧动画-完整代码

wxml

 <image wx:if="{{j==1}}" src="../../images/icon/bf.png"></image>
 <image wx:if="{{j==2}}" src="../../images/icon/bf1.png" ></image>  
 <image wx:if="{{j==3}}" src="../../images/icon/bf2.png" ></image>  
 <image wx:if="{{j==4}}" src="../../images/icon/bf3.png" ></image>  

Page({
  data: {
    j: 1,//帧动画初始图片 
  },
  onLoad: function () {
    speaking.call(this);//调用
  }

})
//播放录音帧动画  
function speaking() {
  var _this = this;
  //话筒帧动画  
  var i = 1;
  this.timer = setInterval(function () {
    i++;
    i = i % 4;
    _this.setData({
      j: i
    })
  }, 200);
}