定時器、函數封裝

1、return返回值

1）函數+括號

2）全部函數默認返回值：未定義

3）return後任何代碼都不執行

2、定時器

1.setInterval

1)是一個實現定時調用的函數

2)setInterval(函數，毫秒) 重複執行

3)clearInerval( )   清除

2.setTimeout

1）只執行一次

2）clearTimeout（）清除

3、函數封裝

 

oBtn1.onclick = function () {
	
	doMove ( oDiv, -12, 10 );

};
oBtn2.onclick = function () {
	
	doMove ( oDiv, 12, 800 );
	
};
function doMove ( obj, dir, target ) {
	clearInterval( obj.timer );
	
	obj.timer = setInterval(function () {
		
		var speed = parseInt(getStyle( obj, 'left' )) + dir;			// 步長
		
		if ( speed > target && dir > 0 ) {		// 往前跑
			speed = target;
		}
		
		if ( speed < target && dir < 0 ) {		// 日後跑
			speed = target;
		}
		
		obj.style.left = speed + 'px';
		
		if ( speed == target ) {
			clearInterval( obj.timer );
		}
		
	}, 30);
}