运动函数的封装

 

var timer = null;//定时器
function startMove(obj, objArr, callback) {
    clearInterval(obj.timer);//清除上一次的定时器
    var onOff = false;//定义开关，初始值为false
    obj.timer = setInterval(function () {
        // console.log(attr);//属性
        // console.log(objArr[attr]);//属性值
        //遍历对象
        for (var attr in objArr) {
            //获取实时位置
            var tmpPos = parseInt(getPos(obj, attr));
            //定义步长值
            var speed = (objArr[attr] - tmpPos) / 10;
            //判断步长值
            speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
           
            //赋值给对象
            obj.style[attr] = tmpPos + speed + 'px';

        }
         //判断元素运动的临界值
         if((tmpPos + speed)==objArr[attr]) onOff = true;
        if(onOff){
            clearInterval(obj.timer);
            if(callback){
                callback();
            }
        }
    }, 30)

}
//封装函数获取实时位置
function getPos(obj, attr) {
    if (obj.currentStyle) {
        return currentStyle[attr];//IE
    } else {
        return getComputedStyle(obj)[attr];//非IE
    }
}