小程序跳转页面后静止一秒内容旋转180度

wxml

<view class='container' animation="{{animationData}}">

<view class='tuoluo-card'>陀螺名片</view>

</view>

js:

Page({

 

/**

* 页面的初始数据

*/

data: {

animationData:''

},

 

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

var that = this;

// 旋转动画

var animation = wx.createAnimation({

duration: 200, //动画的持续时间

timingFunction: "linear", //  动画的效果设置为平均

delay: 0 //动画延迟时间无

})

that.animation = animation

animation.rotate(180).step(); //效果自己设定为主

//延时动画

setTimeout(function () {

that.setData({

animationData: animation.export()

})

}, 1500)

},

})