javascript - 這段運動函數的延時器前為什麼要自訂一個屬性?
为情所困
为情所困 2017-05-19 10:18:30
0
1
448

這段函數用來做一個動畫效果:

function moveElement(elementId,final_x,final_y,interval){
//            名称            id       x轴位置    y轴位置   速度
    var elem=document.getElementById(elementId);
    var x_pos=parseInt(elem.style.left);
    var y_pos=parseInt(elem.style.top);
    if(elem.movement){
        clearTimeout(elem.movement);
    }            //若elem已存在一个movement属性,先结束它
    if(y_pos==final_y&&x_pos==final_x){
        return true;
    }
    if(y_pos<final_y){
        dist=Math.ceil((final_y-y_pos)/30);//每运动一次的数值
        y_pos=y_pos+dist;
    }
    if(y_pos>final_y){
        dist=Math.ceil((y_pos-final_y)/30);
        y_pos=y_pos-dist;
    }
    if(x_pos<final_x){
        dist=Math.ceil((final_x-x_pos)/30);
        x_pos=x_pos+dist;
    }
    if(x_pos>final_x){
        dist=Math.ceil((x_pos-final_x)/30);
        x_pos=x_pos-dist;
    }
    elem.style.top=y_pos+"px";
    elem.style.left=x_pos+"px";
    repeat="moveElement('"+elementId+"',"+final_x+","+final_y+","+interval+")"
    elem.movement=setTimeout(repeat,interval)
//  自定义的属性movement,它属于elem
}

關於最後一句elem.movement=setTimeout(repeat,interval)
和上邊的一句if(elem.movement){

    clearTimeout(elem.movement);
}

我知道它們的作用是為了再次運行時,先結束上次運行的這段函數,但是為什麼直接寫movement=setTimeout(repeat,interval)就會報錯,寫成elem.movement就能行了呢?

为情所困
为情所困

全部回覆(1)
阿神

movement 和 elem 是一一對應的關係。

如果按你的寫法,movement 就變成了全域變數。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板