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

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>  

js

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);
}  

    A+
发布日期:2018年06月26日  所属分类:小程序
admin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

  1. 周松松博客 0

    你好!
    欢迎加入松松博客交流群,群聊号码:571334199