博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用setInterval方法实现弹框闪烁
阅读量:6853 次
发布时间:2019-06-26

本文共 884 字,大约阅读时间需要 2 分钟。

每次看到某电商平台的拼团提示会觉得很有趣也很方便,正好自己在学习小程序,那就想个法子实现一下这种效果咯~
思虑了一下还是觉得用setIntercal方法比较简便(数据方面就先不考虑了,我这里只做一下表现效果),基本思路是通过定时来控制拼团提示出现和隐藏;即隔一定时间就将data中传给wx:if里的数据取反(布尔值);写完后我认真的去比对了一下,为什么同样都是闪烁,我的怎么越看越别扭??....
上图上图[紧张脸]

代码:
wxml

Lesta邀请您一起剁手

js

//data中,默认拼团提示显示    data: {        show: true,    }        .......    //在onLoad函数里调用setInterval方法    onLoad: function() {        var that = this;        //动画        var animation = wx.createAnimation();        //计时,每1.5秒弹出一次        setInterval(function () {            //取反控制显示和隐藏            var show = !that.data.show;            that.setData({                animationData: animation.export(),                show: show            })        }, 1500)    }

大概就是这样吧,很简单的一个小方法,对setInterval有疑问的小伙伴可以去看看噢。

附:我的地址
       我的地址
谢谢各位小伙伴~

转载地址:http://dwfyl.baihongyu.com/

你可能感兴趣的文章
S.O. 推出程序员身价计算器,看看自己值多少钱?
查看>>
理解OCI(Open Container Initiative)及docker的OCI实现(转)
查看>>
神奇的JAVA多态
查看>>
HADOOP都升级到2.5啦~~~
查看>>
一句话输出网站404页面,REFER及相关排序
查看>>
ASP.NET Core中如影随形的”依赖注入”[上]: 从两个不同的ServiceProvider说起
查看>>
其实,SSL也不是配通了就什么都不管的~~
查看>>
Java数组的应用:案例:杨辉三角,三维数组,字符串数组
查看>>
催云化雨终有时
查看>>
版本控制技巧转载链接汇总
查看>>
【文档】三、Mysql Binlog事件类文件和类型
查看>>
中国人工智能学会通讯——众包中的统计推断与激励机制 2 如何提高众包数据的质量...
查看>>
AI大事件 | Geoffrey Hinton决定抛弃反向传播,预期策略梯度算法
查看>>
短信退订——钓鱼攻击出现新方式
查看>>
网站安全风险依然严峻 绿盟科技五种场景化方案随需所用
查看>>
阿里云希望和合作伙伴一起飞
查看>>
利用显卡运行的恶意软件“水母”又有了Windows版本
查看>>
工信部正制定大数据产业十三五发展规划
查看>>
信息化为五万教学点带来“优质教师”
查看>>
马达加斯加政府对光伏系统采取重大财政激励举措
查看>>