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

關于速度的問題

如果我將startMove和stopMove分開寫，速度一個是+1，一個是-10,這個時候，鼠標滑出就會連藍色的塊一起滑出消失，怎么回事呢?

繼續(xù)努力的小楠

2016-08-24

源自：JS動畫效果 2-1

關注問題我要回答

610

操作

收起

1 回答

桐谷還灬和人回答被采納 +3 積分
2016-08-24

因為沒有具體代碼沒法具體判斷：可能性有一下幾個。------

1.stopMove的 if ?判斷范圍沒寫對。致使滑塊"滑過了"。

2.stopMove定時器沒有清除。導致鼠標觸發(fā)”滑回效果“，然而沒有清除定時器clearInterval，導致計時器一直計時下去。在我們眼里看來就是”滑出去了“。

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

收起回答

#1

繼續(xù)努力的小楠提問者

嗯，這個我明白了，你說的這個是在代碼寫錯的問題上；如果代碼沒有問題，進入的速度是1，當它到5的時候，我讓鼠標滑出，速度是10，這個時候因為減完是-5而不是0，所以它就會滑出，這里是不是還要再做一個判斷。

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

#2

桐谷還灬和人回復繼續(xù)努力的小楠提問者

哦，我知道你什么意思了……我也沒驗證，單是從邏輯感覺的話，你加判斷，因為他是按照每次1增加，每次10減少，所以有可能會產(chǎn)生你說的這種情況。可以換種思路，為什么我們會出現(xiàn)這種情況，因為縮得數(shù)值太大，加數(shù)值的太小，導致最后可能有余數(shù)?！救绻谶@里做判斷，當這個滑塊到5的時候，減10，那他有可能就不再縮了。等于就有了5個PX的距離。也有bug】那么我們反過來，讓setInterval（10，100），clearInterval（1，10），這樣我們的回彈速度就在快的同時也不至于會因為上述的情況導致bug

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

#3

繼續(xù)努力的小楠提問者回復桐谷還灬和人

你的意思我好像是明白了，我去試驗下，謝啦

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