问答详情
源自:3-4 运动的状态控制

多次暂停与开始后出现小男孩提前消失的现象?

按照前面大神们的方法,为什么多次开始与暂停后,最后会发现小男孩在目标位置之前就停止动画消失不见了呢,是不是因为多次暂停导致总时间10s发生了误差减小?如何避免这种现象

提问者:JohnDoe4290627 2017-02-07 13:30

个回答

  • loserwang
    2018-07-15 18:34:02

      可以都使用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()

        });


  • jfhdibrbfjd
    2017-02-08 10:56:46

    说实话我现在都没懂动画是怎么实现的