多次暫停與開始后出現(xiàn)小男孩提前消失的現(xiàn)象？
按照前面大神們的方法，為什么多次開始與暫停后，最后會發(fā)現(xiàn)小男孩在目標位置之前就停止動畫消失不見了呢，是不是因為多次暫停導致總時間10s發(fā)生了誤差減小？如何避免這種現(xiàn)象
JohnDoe4290627
2017-02-07
2 回答
舉報
0/150
提交
取消
2018-07-15
? 可以都使用animation
// 開始
? ? $("button:first").click(function() {
? ? ? ? $boy.removeClass('pauseWalk')
//**有對應的stop方法**
? ? ? ? $boy.addClass('slowWalk').animate({
? ? ? ? ? ? 'left': $("#content").width() + 'px',
? ? ? ? }, 10000);
? ? });
? ? // 暫停
? ? $("button:last").click(function() {
? ? ? ? var left = $boy.css('left');
? ? ? ? // 強制做了一個改變目標left的處理
? ? ? ? // 動畫是要運行10秒,所以此時動畫還是沒有結束的
? ? ? ? $boy.addClass('pauseWalk');
? ? ? ? $boy.stop()
? ? });
2017-02-08
說實話我現(xiàn)在都沒懂動畫是怎么實現(xiàn)的