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

来源:3-4 运动的状态控制

JohnDoe4290627

2017-02-07 13:30

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

写回答 关注

2回答

  • 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

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

    jfhdib...

    2017-02-11 10:58:03

    共 2 条回复 >

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211525 学习 · 540 问题

查看课程

相似问题