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

搞个class或者标志位呗……

函数节流
http://www.alloyteam.com/2012/11/javascript-throttle/

设置一个flag，未运动时，flag=true，运动时，flag=false

xxx.click(function() {
    if(flag) {
        // 执行运动，并将flag的值设置为false
        flag = false;
        ...
    }
})

// 运动结束之后，将flag的值修改为true
xxx.on('transitionend', function() {
    flag = true;
    ...
})

至于如何判断运动已经结束，需要看你的运动方式是如何实现的，如果你通过js改变translate的值，那么需要通过回调函数来实现，只需要在你自定义的运动函数最末位添加一个回调即可

function animate(xx, xxxx, xxxxx, callback) {
    // 你的运动逻辑
    ....
    
    callback && callback()
}

如果你是通过css，修改className的方式来实现，那么就可以直接通过animationend与transitionend来实现，这2个事件分别在css的animation与transition运动结束后触发