如何实现动画完成前不响应事件？

Question

尝试仿照哔哩哔哩yoo效果做一个轮播图，表现如下：

![图片上传中...]

滑动效果使用transform:translate3d(-n*1000px,0px,0px)完成，左右按钮实现上一张/下一张。
问题是动画时间为500ms，如何在这500ms内不响应按钮上一张/下一张事件？

Answer 1

点击的时候 ，禁掉上一张下一张按钮的事件，定时五百毫秒后恢复按钮的事件。