<ruby id="2f8i8"></ruby>
課程
/前端開發(fā)
/JavaScript
/JS動畫效果
定時器不會關(guān)閉了，一定都在運(yùn)行，只是speed是0不在增加而已，
怎么樣讓定時器關(guān)閉呢
2015-03-06
源自：JS動畫效果 6-2
正在回答
分析：var flag = true; ? 應(yīng)該放進(jìn)for(var attr in json){} 中去 如果不放進(jìn)去的話???? 雖然效果是一樣的 但是定時器一直就沒有停止下來 ????可以分別在兩個 if( iCur !=json[attr]) 和 if(flag) 里面添加console.log(); 來調(diào)用查看定時器是否關(guān)閉?
原因： 如果var flag = true; 放在 setInterval();的外面 . 在if(iCur !=json[attr])中 flag=flase;? 由于flag一直等于flase 就無法執(zhí)行if(flag)里面的內(nèi)容
解決： 1.可以將var flag = true ; 放進(jìn)for(var attr in json){} 里面 ????????2.可以在if(iCur!=json[atter]) 后面加上一個else{ flag = true;}
中古 提問者
Ripple07 回復(fù) 中古 提問者
這樣解決了timer沒關(guān)閉的問題。每次循環(huán)中如果有一個屬性沒有達(dá)到目標(biāo)值，則flag為false
function startMove(obj,json,fn){ ? ?var flag = true; ? ?clearInterval(obj.timer); ? ?obj.timer = setInterval(function(){ ? ? ? ?for(var attr in json){ ? ? ? ? ? ?var cur = 0; ? ? ? ? ? ?iTarget = json[attr]; ? ? ? ? ? ?if(attr == 'opacity'){ ? ? ? ? ? ? ? ?cur = Math.round(parseFloat(getStyle(obj,attr))*100); ? ? ? ? ? ?}else{ ? ? ? ? ? ? ? ?cur = parseInt(getStyle(obj,attr)); ? ? ? ? ? ?} ? ? ? ? ? ?var speed = (iTarget - cur)/8; ? ? ? ? ? ?speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); ? ? ? ? ? ?if( cur == iTarget ){ ? ? ? ? ? ? ?flag = true; ? ? ? ? ? ?}else{ ? ? ? ? ? ? ?flag = false; ? ? ? ? ? ?} ? ? ? ? ? ?if( attr == 'opacity'){ ? ? ? ? ? ? ? ?obj.style.filter = 'alpha(opacity' + cur + speed + ')'; ? ? ? ? ? ? ? ?obj.style.opacity = (cur + speed)/100; ? ? ? ? ? ?}else{ ? ? ? ? ? ? ? ?obj.style[attr] = cur + speed + "px"; ? ? ? ? ? ?} ? ? ? ?} ? ? ? ?if(flag){ ? ? ? ? ? ?clearInterval(obj.timer); ? ? ? ? ? ?if(fn){ ? ? ? ? ? ? ? ?fn(); ? ? ? ? ? ?} ? ? ? ?} ? ?},30);}
qq_請叫我小強(qiáng)_0
舉報(bào)
通過本課程JS動畫的學(xué)習(xí)，從簡單動畫開始，逐步深入各種動畫框架封裝
1 回答定時器未關(guān)閉吧？
2 回答為什么我的關(guān)閉定時器不起效果
4 回答關(guān)于定時器
2 回答關(guān)于取消定時器——clearInterval
1 回答關(guān)于定時器的問題？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
<mark id="5lraz"><big id="5lraz"></big></mark>
2015-04-15
分析：var flag = true; ? 應(yīng)該放進(jìn)for(var attr in json){} 中去 如果不放進(jìn)去的話???? 雖然效果是一樣的 但是定時器一直就沒有停止下來 ????可以分別在兩個 if( iCur !=json[attr]) 和 if(flag) 里面添加console.log(); 來調(diào)用查看定時器是否關(guān)閉?
原因： 如果var flag = true; 放在 setInterval();的外面 . 在if(iCur !=json[attr])中 flag=flase;? 由于flag一直等于flase 就無法執(zhí)行if(flag)里面的內(nèi)容
解決： 1.可以將var flag = true ; 放進(jìn)for(var attr in json){} 里面 ????????2.可以在if(iCur!=json[atter]) 后面加上一個else{ flag = true;}
2015-06-10
這樣解決了timer沒關(guān)閉的問題。每次循環(huán)中如果有一個屬性沒有達(dá)到目標(biāo)值，則flag為false
function startMove(obj,json,fn){
? ?var flag = true;
? ?clearInterval(obj.timer);
? ?obj.timer = setInterval(function(){
? ? ? ?for(var attr in json){
? ? ? ? ? ?var cur = 0;
? ? ? ? ? ?iTarget = json[attr];
? ? ? ? ? ?if(attr == 'opacity'){
? ? ? ? ? ? ? ?cur = Math.round(parseFloat(getStyle(obj,attr))*100);
? ? ? ? ? ?}else{
? ? ? ? ? ? ? ?cur = parseInt(getStyle(obj,attr));
? ? ? ? ? ?}
? ? ? ? ? ?var speed = (iTarget - cur)/8;
? ? ? ? ? ?speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
? ? ? ? ? ?if( cur == iTarget ){
? ? ? ? ? ? ?flag = true;
? ? ? ? ? ?}else{
? ? ? ? ? ? ?flag = false;
? ? ? ? ? ?}
? ? ? ? ? ?if( attr == 'opacity'){
? ? ? ? ? ? ? ?obj.style.filter = 'alpha(opacity' + cur + speed + ')';
? ? ? ? ? ? ? ?obj.style.opacity = (cur + speed)/100;
? ? ? ? ? ?}else{
? ? ? ? ? ? ? ?obj.style[attr] = cur + speed + "px";
? ? ? ? ? ?}
? ? ? ?}
? ? ? ?if(flag){
? ? ? ? ? ?clearInterval(obj.timer);
? ? ? ? ? ?if(fn){
? ? ? ? ? ? ? ?fn();
? ? ? ? ? ?}
? ? ? ?}
? ?},30);
}