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

為什么會(huì)停到8.55和190.5

如果是因?yàn)橄袼刈詣?dòng)四舍五入的話，190.5可以理解。10/20=0.5? ?9.5/20=0.475（為0），所以停住。

但是8.55是怎么來的？

fortunate螞蟻

2018-12-10

源自：JS動(dòng)畫效果 3-1

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

1270

操作

收起

1 回答

咳咳九思回答被采納 +2 積分
2018-12-11

從-200到0的第一次運(yùn)動(dòng)是：目標(biāo)值減去元素的left/20 就是（0--200）/20。向目標(biāo)值移動(dòng)了10；

第二次是（0--190）/20。再次移動(dòng)了9.5；

第三次是（0--180.5）/20.移動(dòng)了9.025

第四次（0--171.475）/20.移動(dòng)了8.57375；

第五次（0--162.901625）/20 .移動(dòng)8.14508125；

。。。。。

第N次（0--8.5523424223）/20.結(jié)果是0.4332312315，不滿一個(gè)像素，所以停止

只保留前兩位小數(shù)

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

收起回答

#1

fortunate螞蟻提問者

多謝解答

2018-12-13 回復(fù) 有任何疑惑可以回復(fù)我~

#2

fortunate螞蟻提問者

你好，我仔細(xì)算了下，8.55的前一次，也就是倒數(shù)第二次是9.5.除20的話是0.475，為什么沒有停呢？如果以不滿1px為標(biāo)準(zhǔn)的話，按說在-20px的時(shí)候已經(jīng)停了。望指點(diǎn)迷津

2018-12-15 回復(fù) 有任何疑惑可以回復(fù)我~

#3

fortunate螞蟻提問者回復(fù) fortunate螞蟻提問者

不好意思，翻前面評(píng)論找到答案了。原因是offsetLeft會(huì)round()取整。停在-190.5是因?yàn)閛ffsetLeft取值時(shí)把-190.5取為-190。speed=（-200-（-190））/20=-0.5；最后div1.offsetLeft+speed+'px'一直等于-190.5。-8.55同理。

2018-12-15 回復(fù) 有任何疑惑可以回復(fù)我~