問題描述

var mark2=true;$('.right').click(function(){

if(mark2){ move(1); mark2=false;} })

function move(obj){

obj.animate({ width: arrW[index], height: arrH[index], opacity: arrO[index], left: arrL[index], top: arrT[index]},500,function(){ mark2=true;})}

點擊$('.right') 執行move函數，主要是為了給obj元素添加動畫，為了防止$('.right')點擊的頻率過快，讓動畫疊加，所以就用 mark2來控制，當動畫執行完成后，也就是500毫秒后mark才為true，點擊$('.right')才執行，否則不執行，但是我有一個疑問，就是當點擊速度大于500毫秒的時候，if語句中的mark都沒有執行的機會，又是重新一次點擊了，那不是一直疊加動畫了嗎？因為mark一直為true，好像我這個理解是錯誤的，因為程序是能正常執行的，所以希望大神指點一下，程序的執行過程

問題解答

我理解你的問題的核心是 點擊速度大于500ms，是這樣的，只有在同一個元素上相繼觸發了mousedown mouseup事件后才會觸發 click事件。 觸發click事件后才會執行move()

所以你考慮的超時的情況是不會發生的。

你如果想用變量控制，最好把mark2移到最上面，容易看懂點。流程是這樣的：如果你： 點擊right -----》運行異步動畫-----》mark2 = false ----（0.5s后）----》mark2 = true；

所以不管你怎么點，大于0.5s還是小于0.5s，除非動畫已經運行完使得mark2為true，不然if條件那里根本進不來