JavaScript程式碼執行的作用域順序問題？

Question

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，好像我這個理解是錯誤的，因為程式是能正常執行的，所以希望大神指點一下，程式的執行過程

Answer 1

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

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

Answer 2

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

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