通过wx.createAnimation创建一个动画，setInterval()方法执行循环调用。

Page({
  data: {
   imgAnimation:{}
    //....其他配置
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
  */
  onReady: function () {
   var animation = wx.createAnimation({
      duration:3000,
      timingFunction:"ease",
      delay:0
    })
    this.animation = animation;
    //最开始调用动画
    animation.rotate(360).step();
    this.setData({
      imgAnimation:animation.export()
    })
    var next = true;
    setInterval(function(){
      if (next) {
        //根据需求实现相应的动画
        animation.rotate(-360).step();
        next = !next;
      } else {
        animation.rotate(360).step();
        next = !next;
      }

      this.setData({
        imgAnimation:animation.export()
      })
    }.bind(this),3000);
//通过这个bind（this）传递参数，关键
  },

版权属于：小小窝/禾下月

本文链接：https://hxyxyz.top/index.php/%E6%8A%80%E6%9C%AF/217.html

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！