缓冲运动的简易封装

最新推荐文章于 2023-08-21 12:14:06 发布

王子力.

最新推荐文章于 2023-08-21 12:14:06 发布

阅读量129

点赞数

分类专栏： js 文章标签：缓冲运动

本文链接：https://blog.csdn.net/w_pc1908/article/details/100641939

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

缓冲运动的简易封装

function move(ele,json,callback){
    clearInterval(ele.t);
    ele.t = setInterval(() => {
        var onoff = true;
        for(var i in json){
            var iNow = parseInt(getStyle(ele,i));
            var speed = (json[i] - iNow)/6;
            speed = speed<0 ? Math.floor(speed) : Math.ceil(speed);
            if(iNow != json[i]){
                onoff = false;
            }
            ele.style[i] = iNow + speed + "px";
        }
        if(onoff){
            clearInterval(ele.t);
            callback && callback();
        }
    }, 30);
}
function getStyle(ele,attr){
    if(ele.currentStyle){
        return ele.currentStyle[attr];
    }else{
        return getComputedStyle(ele,false)[attr];
    }
}