用setInterval方法實現彈框閃爍

Michael_Lin 發布于2019-08-02 10:42 / 537人閱讀

每次看到某電商平臺的拼團提示會覺得很有趣也很方便，正好自己在學習小程序，那就想個法子實現一下這種效果咯~

思慮了一下還是覺得用setIntercal方法比較簡便（數據方面就先不考慮了，我這里只做一下表現效果），基本思路是通過定時來控制拼團提示出現和隱藏；即隔一定時間就將data中傳給wx:if里的數據取反（布爾值）；寫完后我認真的去比對了一下，為什么同樣都是閃爍，我的怎么越看越別扭？？....

上圖上圖[緊張臉]

代碼：

wxml

    
        
            
                
            
            Lesta邀請您一起剁手

    //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地址

???????我的小項目地址

謝謝各位小伙伴~

GPU云服務器云服務器 java實現點擊彈框 html實現彈框界面關于頁面彈框功能實現 setInterval

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52528.html

用setInterval方法實現彈框閃爍

每次看到某電商平臺的拼團提示會覺得很有趣也很方便，正好自己在學習小程序，那就想個法子實現一下這種效果咯~思慮了一下還是覺得用setIntercal方法比較簡便（數據方面就先不考慮了，我這里只做一下表現效果），基本思路是通過定時來控制拼團提示出現和隱藏；即隔一定時間就將data中傳給wx:if里的數據取反（布爾值）；寫完后我認真的去比對了一下，為什么同樣都是閃爍，我的怎么越看越別扭？？....上圖上...

sumory 2019-08-22 17:59 評論0 收藏0
JS實現瀏覽器的title閃爍、滾動、聲音提示、通知

摘要：通知實現瀏覽器的閃爍滾動聲音提示等系統通知。先這是重復造輪子，標題閃爍或者滾動提示，數字顯示。聲音設置播放聲音自動播放聲音停止播放聲音設置播放聲音設置一個設置多個通知最新的版本默認不播放標題閃爍動畫，初始化之后需要調用方法才播放標題動畫。通知 showImg(https://img.shields.io/github/issues/jaywcjlove/iNotify.svg); s...

SillyMonkey 2019-08-21 10:30 評論0 收藏0
618購物節來襲，電商陪你浪浪浪

摘要：導航欄導航欄用的組件，設置其水平方向滑動，點擊到的字體會變換樣式。而且，導航欄點擊不同的類別會將主頁替換成不同的結構，這就要將最開始的主頁結構隱藏起來。前言購物節又要來啦！?。ㄈ龌ㄈ龌ǎ。┝闶炒蛘劾玻?！衣服打折了??！小伙伴們準備好買買買了嗎！??！讓我看看我還多少余額哈！（滿心期待(*￣︶￣)）（10秒后......）好吧我還是寫個電商小程序過過癮好了。[冷漠臉]咳咳，讓我們進入正題...

selfimpr 2019-08-29 15:42 評論0 收藏0
618購物節來襲，電商陪你浪浪浪

摘要：導航欄導航欄用的組件，設置其水平方向滑動，點擊到的字體會變換樣式。而且，導航欄點擊不同的類別會將主頁替換成不同的結構，這就要將最開始的主頁結構隱藏起來。前言購物節又要來啦?。。ㄈ龌ㄈ龌ǎ。┝闶炒蛘劾玻。∫路蛘哿耍。⌒』锇閭儨蕚浜觅I買買了嗎！??！讓我看看我還多少余額哈?。M心期待(*￣︶￣)）（10秒后......）好吧我還是寫個電商小程序過過癮好了。[冷漠臉]咳咳，讓我們進入正題...

hellowoody 2019-08-22 18:00 評論0 收藏0
618購物節來襲，電商陪你浪浪浪

摘要：導航欄導航欄用的組件，設置其水平方向滑動，點擊到的字體會變換樣式。而且，導航欄點擊不同的類別會將主頁替換成不同的結構，這就要將最開始的主頁結構隱藏起來。前言購物節又要來啦?。。ㄈ龌ㄈ龌ǎ。┝闶炒蛘劾玻?！衣服打折了?。⌒』锇閭儨蕚浜觅I買買了嗎！??！讓我看看我還多少余額哈?。M心期待(*￣︶￣)）（10秒后......）好吧我還是寫個電商小程序過過癮好了。[冷漠臉]咳咳，讓我們進入正題...

MarvinZhang 2019-08-02 10:41 評論0 收藏0