用setInterval方法實現(xiàn)彈框閃爍

sumory 發(fā)布于2019-08-22 17:59 / 596人閱讀

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

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

上圖上圖[緊張臉]

代碼：

wxml

    
        
            
                
            
            Lesta邀請您一起剁手

    //data中，默認拼團提示顯示
    data: {
        show: true,
    }
    
    .......
    //在onLoad函數(shù)里調(diào)用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實現(xiàn)點擊彈框 html實現(xiàn)彈框界面關于頁面彈框功能實現(xiàn) setInterval

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

轉載請注明本文地址：http://m.hztianpu.com/yun/95385.html

用setInterval方法實現(xiàn)彈框閃爍

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

Michael_Lin 2019-08-02 10:42 評論0 收藏0
JS實現(xiàn)瀏覽器的title閃爍、滾動、聲音提示、通知

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

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

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

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

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

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

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

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