用setInterval方法实现弹框闪烁

每次看到某电商平台的拼团提示会觉得很有趣也很方便，正好自己在学习小程序，那就想个法子实现一下这种效果咯~

代码：

wxml

    <view class="invite_container" wx:if="{{show}}">
        <navigator class="invitation" animation="{{animationData}}" url="../invitation/invitation">
            <view class="invite invite_pic">
                <image src="../../images/touxiang.png"></image>
            </view>
            <view class="invite invite_content">Lesta邀请您一起剁手</view>
        </navigator>
    </view>

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有疑问的小伙伴可以去看看参考手册噢。

附：我的github地址

???????我的小项目地址

谢谢各位小伙伴~

原文地址：https://www.cnblogs.com/jlfw/p/11903546.html