看完了樓主寫的，完全沒有毛病，教程代碼確實(shí)有BUG，不過(guò)既然因?yàn)?speed?=?(json[attr]?-?icur)/8 語(yǔ)句， 當(dāng) speed 為0時(shí)就能自己停止，為什么教程還要加一大堆檢測(cè)停止的代碼，我發(fā)現(xiàn)把那一大段去掉之后功能正常啊，不知道我有沒有想錯(cuò)？

把flag放外面，最后速度為0，動(dòng)畫是停止了，但是代碼一直在運(yùn)行，無(wú)限循環(huán)的運(yùn)行，if(flag)永遠(yuǎn)到不了

沒仔細(xì)看，原來(lái)你的代碼已經(jīng)解決了。。

一、var flag = true; 是放在定時(shí)器外面的。

二、每次啟動(dòng)定時(shí)器強(qiáng)制?flag = true。

三、在for循環(huán)外面，再次判斷flag。

還需要把

if(flag){

????????????clearInterval(obj.timer);

????????????if(fn){

????????????????fn();

????????????}

這一段放在for 循環(huán)外面。。.

-------------手動(dòng)分割------------------

樓主，你看看有木有bug,或者你有其他解決方案了沒有？

我去，不行。。

//同步運(yùn)動(dòng)函數(shù)
function?move(obj,?json,?fn)?{
	//清除定時(shí)器，避免出現(xiàn)多個(gè)定時(shí)器	
	clearInterval(obj.timer);

	//設(shè)定定時(shí)器
	obj.timer?=?setInterval(function?()?{
		//聲明標(biāo)桿
		var?flag?=?true;
		
		//遍歷同步運(yùn)動(dòng)屬性
		for?(var?attr?in?json)?{
			//獲取屬性值
			var?icur?=?0;
			if?(attr?==?'opacity')?{
				icur?=?Math.round(parseFloat(getStyle(obj,attr))?*?100);
			}?else?{
				icur?=?parseInt(getStyle(obj,?attr));
			}

			//設(shè)置運(yùn)動(dòng)速度
			var?speed?=?(json[attr]?-?icur)/100;
			speed?=?speed>0?Math.ceil(speed):Math.floor(speed);

			//?判斷是否所有值都達(dá)到了目標(biāo)值，判定暫停定時(shí)器的指標(biāo)
			if?(icur?!=?json[attr])?{
				flag?=?false;
			}
			if?(attr?==?'opacity')?{
				obj.style.opacity?=?(icur?+?speed)?/?100;
				obj.style.filter?=?'alpha(opacity:'?+?(icur?+?speed)?+?')';
			}?else?{
				obj.style[attr]?=?(icur?+?speed)?+?'px';
			}
		}	
		
		//?注意，for?in遍歷到此結(jié)束，下面的清除定時(shí)器部分不屬于for遍歷里面的代碼，是定時(shí)器最后面的部分
		//清除定時(shí)器
		if(flag){
			clearInterval(obj.timer);
			if(fn){
				fn();
			}
		}		
	},?1);
}


//獲取任意屬性
function?getStyle(obj,?attr)?{
	if?(obj.currentStyle)?{
		return?obj.currentStyle[attr];?//IE取樣式
	}?else?{
		return?getComputedStyle(obj,?false)[attr];
	}
}

經(jīng)過(guò)多番測(cè)試，視頻中的完美運(yùn)動(dòng)代碼存在bug，這個(gè)框架只可以實(shí)現(xiàn)同步動(dòng)畫，不可以實(shí)現(xiàn)鏈?zhǔn)絼?dòng)畫。

同步動(dòng)畫最后會(huì)停止，不是因?yàn)?/p>

if(flag){
????clearInterval(obj.timer);
????if(fn){
????????fn();
?????}
}

而是代碼中的

speed?=?(json[attr]?-?icur)/8;

這一部分等于0了，也就是說(shuō)，動(dòng)畫不再變化了，看起來(lái)就好像清除了定時(shí)器一樣。

如果在清除定時(shí)器的判定語(yǔ)句中加入一個(gè)測(cè)試語(yǔ)句，可以發(fā)現(xiàn)，第一次鼠標(biāo)移入目標(biāo)的時(shí)候，第一次執(zhí)行到這個(gè)動(dòng)畫，是不會(huì)執(zhí)行到測(cè)試的語(yǔ)句的，說(shuō)明定時(shí)器的判定語(yǔ)句并未執(zhí)行。

if(flag){
????alert(12345678978979);?//注意這部分，第一次執(zhí)行動(dòng)畫的時(shí)候，是不會(huì)執(zhí)行到這里的。因?yàn)閒lag一直是false
????clearInterval(obj.timer);
????if(fn){
????????fn();
?????}
}

如果沒有onmouseout的動(dòng)畫，那么，第二次鼠標(biāo)移進(jìn)去的時(shí)候，在執(zhí)行動(dòng)畫之前，都滿足

json[attr]=icur;

也就是說(shuō)speed在第二次執(zhí)行動(dòng)畫的時(shí)候，一直是0，那么這個(gè)時(shí)候，下面這個(gè)判定就沒有執(zhí)行了

if(icur?!=?json[attr]){
????flag?=?false;
}

于是flag就是第二次執(zhí)行動(dòng)畫的初始值，也就是：

var?flag?=?true;

自然而然的，后面的這部分代碼就能夠執(zhí)行了。

if(flag){
????alert(12345678978979);//第二次執(zhí)行onmouseover動(dòng)畫，就會(huì)執(zhí)行到這里了
????clearInterval(obj.timer);
????if(fn){
????????fn();
?????}
}

上面講得比較啰嗦，不知道大家有沒有看懂，沒看懂的可以照著一步一步去嘗試一下，會(huì)得到我說(shuō)的這個(gè)結(jié)果的

首先我終于找到跟我一樣認(rèn)為flag是放在定時(shí)器外的人了，這一節(jié)課里面用的json[attr]不是target，json[attr]就相當(dāng)于json.attr; 源碼：

if(itur?!=?json[attr]?){
flag=false;
}

我資質(zhì)較淺，我以個(gè)人名義說(shuō)說(shuō)我的想法，

var flag=true;這是放在計(jì)時(shí)器外的對(duì)吧，當(dāng)遇到if(itur != json[attr] )語(yǔ)句的時(shí)候，就把flag這個(gè)全局變量設(shè)為false, 如果if(itur != json[attr] )不成立的時(shí)候，if( flag ){}這個(gè)語(yǔ)句就會(huì)找到全局變量，所以這就是為什么要放在計(jì)時(shí)器外

評(píng)論在一樓的那位大哥已經(jīng)誤導(dǎo)了大家，flag放在計(jì)時(shí)器內(nèi)會(huì)出現(xiàn)bug.

你的問(wèn)題我有點(diǎn)看不明白啊哥們，說(shuō)的明白些