                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JS動畫效果

關于width不斷增加而不是減小

為什么width=201px后會持續(xù)的增加？

Dicrector

2016-11-06

源自：JS動畫效果 4-2

關注問題我要回答

743

操作

收起

2 回答

寫米樂回答被采納 +3 積分
2016-11-06

樣式有這倆句：其他樣式不寫了，主要看這倆個。

#div1{
????width:200px;
????*****
????****
????border:1px?solid?#000;
}

setInterval(function(){???????????????????????????//這是個定時器，30毫秒執(zhí)行一次里面的函數(shù).
????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毫秒執(zhí)行這句，獲取的oDiv的寬是
????//201px?+?2px?=?203px;?再203px-1px=202px賦給了oDiv。就這樣。
????},30);

1 回復有任何疑惑可以回復我~

收起回答

#1

Dicrector 提問者

setinterval()函數(shù)里的時間指的是每隔這個時間段執(zhí)行一次還是每次執(zhí)行的時間是這個時間？

2016-11-08 回復有任何疑惑可以回復我~

#2

Dicrector 提問者

非常感謝！

2016-11-08 回復有任何疑惑可以回復我~

Dicrector 提問者
2016-11-08

setinterval()函數(shù)里的時間指的是? 每隔這個時間段執(zhí)行一次還是每次執(zhí)行的時間是這個時間？

0 回復有任何疑惑可以回復我~

收起回答

#1

寫米樂

setInterval() - 間隔指定的毫秒數(shù)不停地執(zhí)行指定的代碼。//每隔這個時間段執(zhí)行一次。 setInterval(function（）{},毫秒數(shù)); 1000 毫秒是一秒; /**/ setTimeout() - 暫停指定的毫秒數(shù)后執(zhí)行指定的代碼; 這些基礎的代碼可以隨時上 w3school 菜鳥教程上查。

2016-11-08 回復有任何疑惑可以回復我~

#2

Dicrector 提問者

謝謝你?。?！

2016-11-08 回復有任何疑惑可以回復我~

#3

寫米樂回復 Dicrector 提問者

互相學習吧。

2016-11-09 回復有任何疑惑可以回復我~