javascript 不知数量的动画函数队列

在一个投票界面，有许多投票按钮投给喜欢的网红，用户点击按钮投票时产生一个动画，一个动画展示3s，展示完才能进行下一个动画的展示，想问怎么做这个动画函数队列，在不知用户数的情况下。

方法1：跟用户数没有关系，只要点击，然后投票数加1，把动画放到动画队列了，当用户再一次点击投票的时候，检测动画队列是否还有未完成动画，如果都完成，就继续执行，如果没有完成，就等待完成，然后再执行
方法2：如果动画队列有值，则不可以点击了，等动画队列完成之后，再可点击

 <script>
var 动画 = [];

function 增加动画(参数对象){
    动画.push(参数对象);
}

function 播放动画(){
    if(动画.length > 0){
        动画[0].播放(
            播放完毕回调函数(){
                动画.shift();
            }
        );
    }
}
</script>