微信小程序怎么做循环动画

 时间:2024-10-13 01:07:21

1、首先建立一个小程序的代码片段,如下图所示

微信小程序怎么做循环动画

2、然后在wxml中声明要循环的元素,注意加上animation,如下图所示

微信小程序怎么做循环动画

3、接着在js中的data里面声明animation变量,名字和wxml中的一样

微信小程序怎么做循环动画

4、然后在onshow方法中创建animation,然后setinterval,如下图所示

微信小程序怎么做循环动画

5、这里大家要注意那个bind(this)的写法,不这样写里面的内容你调不到的

微信小程序怎么做循环动画

6、最后你就可以看到循环动画的效果了,如下图所示

微信小程序怎么做循环动画

7、综上所述,在微信小程序中制作循环动画主要就是animation了,大家快去试试吧

  • jquery如何点击获取标签里的文字
  • VS如何设置测试的基本选项
  • 将SQL SERVER2008中的数据导入到MySQL中
  • jquery怎么删除append()方法添加的文本
  • HeidiSQL安装和使用教程
  • 热门搜索
    黑便是怎么回事 怎么样才能祛斑 专长怎么写 脚脖子疼是怎么回事 下面有异味怎么办 胃恶心想吐怎么回事 盆腔炎怎么检查 微信支付怎么开通 金领冠孕妇奶粉怎么样 新生儿奶瓶怎么选