                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JS動(dòng)畫(huà)效果

關(guān)于width不斷增加而不是減小

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

Dicrector

2016-11-06

源自：JS動(dòng)畫(huà)效果 4-2

關(guān)注問(wèn)題我要回答

756

操作

收起

2 回答

寫(xiě)米樂(lè) 回答被采納 +3 積分
2016-11-06

樣式有這倆句：其他樣式不寫(xiě)了，主要看這倆個(gè)。

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

setInterval(function(){???????????????????????????//這是個(gè)定時(shí)器，30毫秒執(zhí)行一次里面的函數(shù).
????var?oDiv?=?document.getElementById('div1');
????//獲取id是div1的元素。
????oDiv.style.width?=?oDiv.offsetWidth?-?1?+?'px';
????//獲取oDiv的寬，這時(shí)候的寬是200px+2px。因?yàn)閎order給倆邊加了1px,實(shí)際獲取到的是202px;
????//所以202px-1px=201px賦給了oDiv，這時(shí)oDiv的寬是201px;再過(guò)30毫秒執(zhí)行這句，獲取的oDiv的寬是
????//201px?+?2px?=?203px;?再203px-1px=202px賦給了oDiv。就這樣。
????},30);

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Dicrector 提問(wèn)者

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

2016-11-08 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Dicrector 提問(wèn)者

非常感謝！

2016-11-08 回復(fù) 有任何疑惑可以回復(fù)我~

Dicrector 提問(wèn)者
2016-11-08

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

寫(xiě)米樂(lè)

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

2016-11-08 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Dicrector 提問(wèn)者

謝謝你！??！

2016-11-08 回復(fù) 有任何疑惑可以回復(fù)我~

#3

寫(xiě)米樂(lè) 回復(fù) Dicrector 提問(wèn)者

互相學(xué)習(xí)吧。

2016-11-09 回復(fù) 有任何疑惑可以回復(fù)我~