js中抖函数的封装

最新推荐文章于 2024-07-15 15:38:28 发布

长江某菜鸟

最新推荐文章于 2024-07-15 15:38:28 发布

阅读量702

点赞数 1

分类专栏： web

本文链接：https://blog.csdn.net/qq_33729889/article/details/51959841

版权

web 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

function doMove ( obj, attr, dir, target, endFn ) {
	
	dir = parseInt(getStyle( obj, attr )) < target ? dir : -dir;
	
	clearInterval( obj.timer );
	
	obj.timer = setInterval(function () {
		
		var speed = parseInt(getStyle( obj, attr )) + dir;			// 步长
		
		if ( speed > target && dir > 0 ||  speed < target && dir < 0  ) {
			speed = target;
		}
		
		obj.style[attr] = speed + 'px';
		
		if ( speed == target ) {
			clearInterval( obj.timer );
			
			/*
			if ( endFn ) {
				endFn();
			}
			*/
			endFn && endFn();
			
		}
		
	}, 30);
}

function getStyle ( obj, attr ) { return obj.currentStyle?obj.currentStyle[attr] : getComputedStyle( obj )[attr]; }

待……