js运动需要封装的函数

最新推荐文章于 2021-09-09 20:58:32 发布

戒骄戒躁TBE

最新推荐文章于 2021-09-09 20:58:32 发布

阅读量125

点赞数 1

文章标签： dom

本文链接：https://blog.csdn.net/weixin_45942049/article/details/107727844

版权

js运动需要封装的函数

function startMove(domobj,json,fn){
    clearInterval(domobj.timer);
    domobj.timer = setInterval(function(){
        var flag = true;
        for(var attr in json){
            //取到目标值
            var _target = json[attr];
            //取到当前值
            if(attr == "opacity"){
                var _cur = parseInt(getStyle(domobj,"opacity")*100);
            }else{
                var _cur = parseInt(getStyle(domobj,attr));
            }
            //速度
            var speed = (_target - _cur)/8;
            speed = speed >0 ? Math.ceil(speed):Math.floor(speed);
            if(attr == "opacity"){
                domobj.style.opacity = (_cur + speed)/100 ;
                domobj.style.filter ="alpha (opacity="+ (_cur + speed) +")";
            }else{
                domobj.style[attr]  = (_cur+speed)+"px";
            }
            if(_cur != _target){  //当其中一属性只要没达到目标值 flag就为false
                flag = false;
            }
        }
        if(flag){   //只有flag为true时才会清掉定时器
            clearInterval(domobj.timer);
            if(fn){
                fn();
            }
        }
    },30);
}
function getStyle(domobj,attr){
    if(window.getComputedStyle){
        return getComputedStyle(domobj,null)[attr];
    }
    return domobj.currentStyle[attr];
}