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

Question

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

Answer 1

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

Answer 2

&nbsp;<script> var&nbsp;动画&nbsp;=&nbsp;[]; function&nbsp;增加动画(参数对象){ &nbsp;&nbsp;&nbsp;&nbsp;动画.push(参数对象); } function&nbsp;播放动画(){ &nbsp;&nbsp;&nbsp;&nbsp;if(动画.length&nbsp;>&nbsp;0){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;动画[0].播放( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;播放完毕回调函数(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;动画.shift(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;); &nbsp;&nbsp;&nbsp;&nbsp;} } </script>