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

标签:   

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


发表评论 登录

目前评论:1

  • avatar 周松松博客 回复 2018-06-30 19:23:43

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