首頁猿問 javascript...

javascript 不知數(shù)量的動畫函數(shù)隊列

JavaScript

冉冉說 2018-07-31 14:22:43

在一個投票界面，有許多投票按鈕投給喜歡的網(wǎng)紅，用戶點(diǎn)擊按鈕投票時產(chǎn)生一個動畫，一個動畫展示3s，展示完才能進(jìn)行下一個動畫的展示，想問怎么做這個動畫函數(shù)隊列，在不知用戶數(shù)的情況下。

查看完整描述

2 回答

猛跑小豬

TA貢獻(xiàn)1858條經(jīng)驗獲得超8個贊

方法1：跟用戶數(shù)沒有關(guān)系，只要點(diǎn)擊，然后投票數(shù)加1，把動畫放到動畫隊列了，當(dāng)用戶再一次點(diǎn)擊投票的時候，檢測動畫隊列是否還有未完成動畫，如果都完成，就繼續(xù)執(zhí)行，如果沒有完成，就等待完成，然后再執(zhí)行
方法2：如果動畫隊列有值，則不可以點(diǎn)擊了，等動畫隊列完成之后，再可點(diǎn)擊

反對回復(fù) 2018-08-03

暮色呼如

TA貢獻(xiàn)1853條經(jīng)驗獲得超9個贊

 <script>
var 動畫 = [];

function 增加動畫(參數(shù)對象){
    動畫.push(參數(shù)對象);
}

function 播放動畫(){
    if(動畫.length > 0){
        動畫[0].播放(
            播放完畢回調(diào)函數(shù)(){
                動畫.shift();
            }
        );
    }
}
</script>

反對回復(fù) 2018-08-03