課程
/前端開發
/JavaScript
/JS動畫效果
為什么width=201px后會持續的增加?
2016-11-06
源自:JS動畫效果 4-2
正在回答
樣式有這倆句:其他樣式不寫了,主要看這倆個。
#div1{ ????width:200px; ????***** ????**** ????border:1px?solid?#000; }
setInterval(function(){???????????????????????????//這是個定時器,30毫秒執行一次里面的函數. ????var?oDiv?=?document.getElementById('div1'); ????//獲取id是div1的元素。 ????oDiv.style.width?=?oDiv.offsetWidth?-?1?+?'px'; ????//獲取oDiv的寬,這時候的寬是200px+2px。因為border給倆邊加了1px,實際獲取到的是202px; ????//所以202px-1px=201px賦給了oDiv,這時oDiv的寬是201px;再過30毫秒執行這句,獲取的oDiv的寬是 ????//201px?+?2px?=?203px;?再203px-1px=202px賦給了oDiv。就這樣。 ????},30);
Dicrector 提問者
setinterval()函數里的時間指的是? 每隔這個時間段執行一次 還是 每次執行的時間是這個時間?
寫米樂
寫米樂 回復 Dicrector 提問者
舉報
通過本課程JS動畫的學習,從簡單動畫開始,逐步深入各種動畫框架封裝
4 回答left出現無限增加或無限減小的BUG
2 回答為什么鼠標移開后,width到256px就不再減少了?
3 回答關于條件判斷
2 回答這段代碼為什么只能擴大width不能縮小
1 回答為什么我的透明度不是變100,而是更加淡了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-06
樣式有這倆句:其他樣式不寫了,主要看這倆個。
2016-11-08
setinterval()函數里的時間指的是? 每隔這個時間段執行一次 還是 每次執行的時間是這個時間?