运动框架

最新推荐文章于 2024-11-18 20:18:04 发布

奕八先生

最新推荐文章于 2024-11-18 20:18:04 发布

阅读量114

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/dy799/article/details/115067786

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

完美运动框架

function getStyle(obj,attr){
	return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,true)[attr];
}
function sport(obj,json,fn){
	clearInterval(obj.timer);
	obj.timer = setInterval(()=>{
		let flag = true;
		for(let attr in json){
            let cur = attr === 'opacity' ? Math.floor(parseFloat(getStyle(obj,attr)) * 100) : parseInt(getStyle(obj,attr));
            let speed = (json[attr] - cur) / 8;
            speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
            if(json[attr] !== cur){
                flag = false;
            }
            if(attr === 'opacity'){
                obj.style.opacity = (cur + speed) / 100;
                obj.style.filter = 'alpha(opacity=' + (cur + speed) + ')';
            }else{
                obj.style[attr] = (cur + speed) + 'px';
            }
        }
		if(flag){
			clearInterval(obj.timer);
			if(fn instanceof Function){
				fn();
			}
		}
	},30)
}