javascript - 怎么使用队列的思想实现一个简单的左移右移的动画

Question

例如：
一个简单的右移效果。
一个btn元素，一个leftMove元素。
点击一次btn，则leftMove往左移动20px。

若是我快速点击5次，要求动画必须执行5次，且是连贯的在上一次动画执行完毕后再执行下一次动画...

主要的问题就在于如何实现队列的思想，让动画按次序执行，且严格执行给定的次数…求大神给原理，代码

Answer 1

javascript的执行顺序本就是一个队列，什么叫实现队列的思想。

Answer 2

关于队列，最近刚好看了个repo，你可以看看这段代码
https://github.com/gmfe/react-mgm/blob/master/src/component/toast.js

在render的时候，会绑定一个回调，这个回调会尝试从_queue中获取数据并且再次render