課程
/前端開發(fā)
/JavaScript
/JS動畫效果
為什么“寬度200到400,高度100到200,;透明度30到100”的同時運動沒問題;而寬度到201 ?就有問題呢?還沒聽明白???求解答
2016-07-25
源自:JS動畫效果 6-2
正在回答
我來說說我的理解,不知道是不是完全正確,有不對的地方歡迎大神指出!
導(dǎo)致問題出現(xiàn)的原因:在時間上寬度首先到達(dá)了目標(biāo)值201,而其他兩個屬性這時還沒有,這時代碼運行了清除定時器,所以還沒到達(dá)目標(biāo)值的兩個屬性也停止了運動。
if(icur==json[attr]){.......},這個if句式里的條件的意思就是:只要有任意一個屬性的值(即:icur)等于目標(biāo)值(即:json[attr]),那么就會執(zhí)行{........}里面的清除定時器代碼,理解這一點,與如何理解 解決問題時為什么要引入變量var flag有非常大的關(guān)系。
解決問題:
引入變量var flag=true;
if(icur != json[attr]){ flag = false }; ?//只要有任意一個屬性的值不等于目標(biāo)值,那么定義flag=false;然后繼續(xù)執(zhí)行運動代碼。
if(flag){..........}; ?//如果flag=true,即每一個屬性的值都等于目標(biāo)值,那么運行{..........}里面的清除定時器。
引入變量flag就是為了表達(dá)出 ??每一個屬性的值都等于目標(biāo)值? ?這個意思。
syy138 提問者
因為寬度目標(biāo)值400,還未達(dá)到之前,緊接著運行了第二個目標(biāo)和第三個目標(biāo)值;是201時,運行時間短促,直接就被清除了定時器即動作停止,還未來得及同時運行下個動作。不知道這樣理解是否正確?
舉報
通過本課程JS動畫的學(xué)習(xí),從簡單動畫開始,逐步深入各種動畫框架封裝
2 回答同時執(zhí)行透明度和寬度改變的問題
2 回答同時運動的寬度問題
1 回答為什么寬高沒有反應(yīng)?透明度卻有反應(yīng)?
1 回答為什么我的運行結(jié)果透明度還是100,只有光標(biāo)放到盒子上才會變,刷新一次所有盒子透明度又成了100
1 回答根據(jù)老師前面講的,我加了同時運動,寬度和高度沒有到達(dá)指定的指,
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-08-12
我來說說我的理解,不知道是不是完全正確,有不對的地方歡迎大神指出!
導(dǎo)致問題出現(xiàn)的原因:在時間上寬度首先到達(dá)了目標(biāo)值201,而其他兩個屬性這時還沒有,這時代碼運行了清除定時器,所以還沒到達(dá)目標(biāo)值的兩個屬性也停止了運動。
if(icur==json[attr]){.......},這個if句式里的條件的意思就是:只要有任意一個屬性的值(即:icur)等于目標(biāo)值(即:json[attr]),那么就會執(zhí)行{........}里面的清除定時器代碼,理解這一點,與如何理解 解決問題時為什么要引入變量var flag有非常大的關(guān)系。
解決問題:
引入變量var flag=true;
if(icur != json[attr]){ flag = false }; ?//只要有任意一個屬性的值不等于目標(biāo)值,那么定義flag=false;然后繼續(xù)執(zhí)行運動代碼。
if(flag){..........}; ?//如果flag=true,即每一個屬性的值都等于目標(biāo)值,那么運行{..........}里面的清除定時器。
引入變量flag就是為了表達(dá)出 ??每一個屬性的值都等于目標(biāo)值? ?這個意思。
2016-07-25
因為寬度目標(biāo)值400,還未達(dá)到之前,緊接著運行了第二個目標(biāo)和第三個目標(biāo)值;是201時,運行時間短促,直接就被清除了定時器即動作停止,還未來得及同時運行下個動作。不知道這樣理解是否正確?